{"id":20196883,"url":"https://github.com/itsjonq/wordpress-components-snippets","last_synced_at":"2025-07-10T00:04:39.930Z","repository":{"id":146984917,"uuid":"204593408","full_name":"ItsJonQ/wordpress-components-snippets","owner":"ItsJonQ","description":"✂️ Handy code snippets for @wordpress/components","archived":false,"fork":false,"pushed_at":"2019-08-27T15:27:12.000Z","size":906,"stargazers_count":5,"open_issues_count":0,"forks_count":3,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-10T10:59:29.834Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ItsJonQ.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-08-27T01:28:46.000Z","updated_at":"2024-02-15T14:25:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"9405a67f-fad2-4574-8e13-4bd136bd1b9c","html_url":"https://github.com/ItsJonQ/wordpress-components-snippets","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/ItsJonQ/wordpress-components-snippets","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsJonQ%2Fwordpress-components-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsJonQ%2Fwordpress-components-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsJonQ%2Fwordpress-components-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsJonQ%2Fwordpress-components-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ItsJonQ","download_url":"https://codeload.github.com/ItsJonQ/wordpress-components-snippets/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsJonQ%2Fwordpress-components-snippets/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264505747,"owners_count":23618966,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-14T04:26:30.689Z","updated_at":"2025-07-10T00:04:39.913Z","avatar_url":"https://github.com/ItsJonQ.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ✂️ WordPress Components Snippets\n\n[![Version](https://vsmarketplacebadge.apphb.com/version/itsjonq.wordpress-components-snippets.svg)](https://marketplace.visualstudio.com/items?itemName=itsjonq.wordpress-components-snippets)\n\n\u003e Handy code snippets for @wordpress/components\n\n![WordPress components snippets demo](./images/wp-components-snippets-demo.gif)\n\n## Development\n\nFirst, we need to install some dependencies. This project uses a couple of dependencies to generate the snippets.\n\nClone the repo to your computer, and run the command:\n\n```\nnpm install\n```\n\n### \"Snip\" Files\n\nThe snippets live in the `data/` directory as `.snip` files. These files are use front-matter to store data about the component. The body contains the markup the generator(s) use to create the snippets.\n\n## Building\n\nTo build the snippets, run the command:\n\n```\nnpm run build\n```\n\n## Publishing\n\nRun the following command with `patch`, `minor`, or `major`:\n\n```\nnpm version patch\n```\n\n\u003c!-- SNIPPET-TABLE --\u003e\n\u003c!-- This table was automatically generated --\u003e\n\n## Snippets\n\n| Snippet | Component |\n| --- | --- |\n| `wp-animate` | [@wordpress/components/animate](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/animate) |\n| `wp-autocomplete` | [@wordpress/components/autocomplete](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/autocomplete) |\n| `wp-base-control` | [@wordpress/components/base-control](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/base-control) |\n| `wp-button-group` | [@wordpress/components/button-group](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/button-group) |\n| `wp-button` | [@wordpress/components/button](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/button) |\n| `wp-checkbox-control` | [@wordpress/components/checkbox-control](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/checkbox-control) |\n| `wp-clipboard-button` | [@wordpress/components/clipboard-button](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/clipboard-button) |\n| `wp-color-indicator` | [@wordpress/components/color-indicator](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/color-indicator) |\n| `wp-color-palette` | [@wordpress/components/color-palette](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/color-palette) |\n| `wp-color-picker` | [@wordpress/components/color-picker](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/color-picker) |\n| `wp-dashicon` | [@wordpress/components/dashicon](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/dashicon) |\n| `wp-date-time-picker` | [@wordpress/components/date-time-picker](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/date-time-picker) |\n| `wp-disabled` | [@wordpress/components/disabled](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/disabled) |\n| `wp-draggable` | [@wordpress/components/draggable](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/draggable) |\n| `wp-dropdown-menu` | [@wordpress/components/dropdown-menu](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/dropdown-menu) |\n| `wp-dropdown` | [@wordpress/components/dropdown](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/dropdown) |\n| `wp-dropzone` | [@wordpress/components/dropzone](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/dropzone) |\n| `wp-external-link` | [@wordpress/components/external-link](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/external-link) |\n| `wp-focal-point-picker` | [@wordpress/components/focal-point-picker](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/focal-point-picker) |\n| `wp-focusable-iframe` | [@wordpress/components/focusable-iframe](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/focusable-iframe) |\n| `wp-font-size-picker` | [@wordpress/components/font-size-picker](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/font-size-picker) |\n| `wp-form-file-upload` | [@wordpress/components/form-file-upload](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/form-file-upload) |\n| `wp-form-toggle` | [@wordpress/components/form-toggle](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/form-toggle) |\n| `wp-form-token-field` | [@wordpress/components/form-token-field](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/form-token-field) |\n| `wp-icon-button` | [@wordpress/components/icon-button](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/icon-button) |\n| `wp-icon` | [@wordpress/components/icon](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/icon) |\n| `wp-isolated-event-container` | [@wordpress/components/isolated-event-container](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/isolated-event-container) |\n| `wp-keyboard-shortcuts` | [@wordpress/components/keyboard-shortcuts](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/keyboard-shortcuts) |\n| `wp-menu-group` | [@wordpress/components/menu-group](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/menu-group) |\n| `wp-menu-item-choice` | [@wordpress/components/menu-item-choice](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/menu-item-choice) |\n| `wp-menu-item` | [@wordpress/components/menu-item](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/menu-item) |\n| `wp-modal` | [@wordpress/components/modal](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/modal) |\n| `wp-navigable-container` | [@wordpress/components/navigable-container](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/navigable-container) |\n| `wp-notice` | [@wordpress/components/notice](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/notice) |\n| `wp-panel` | [@wordpress/components/panel](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/panel) |\n| `wp-placeholder` | [@wordpress/components/placeholder](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/placeholder) |\n| `wp-popover` | [@wordpress/components/popover](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/popover) |\n| `wp-query-controls` | [@wordpress/components/query-controls](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/query-controls) |\n| `wp-radio-control` | [@wordpress/components/radio-control](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/radio-control) |\n| `wp-resizable-box` | [@wordpress/components/resizable-box](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/resizable-box) |\n| `wp-responsive-wrapper` | [@wordpress/components/responsive-wrapper](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/responsive-wrapper) |\n| `wp-sandbox` | [@wordpress/components/sandbox](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/sandbox) |\n| `wp-scrolllock` | [@wordpress/components/scrolllock](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/scrolllock) |\n| `wp-select-control` | [@wordpress/components/select-control](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/select-control) |\n| `wp-slot-fill` | [@wordpress/components/slot-fill](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/slot-fill) |\n| `wp-snackbar` | [@wordpress/components/snackbar](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/snackbar) |\n| `wp-spinner` | [@wordpress/components/spinner](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/spinner) |\n| `wp-tab-panel` | [@wordpress/components/tab-panel](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/tab-panel) |\n| `wp-text-control` | [@wordpress/components/text-control](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/text-control) |\n| `wp-textarea-control` | [@wordpress/components/textarea-control](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/textarea-control) |\n| `wp-toggle-control` | [@wordpress/components/toggle-control](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/toggle-control) |\n| `wp-toolbar` | [@wordpress/components/toolbar](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/toolbar) |\n| `wp-tooltip` | [@wordpress/components/tooltip](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/tooltip) |\n| `wp-tree-select` | [@wordpress/components/tree-select](https://github.com/WordPress/gutenberg/tree/master/packages/components/src/tree-select) |\n\n\u003c!-- /SNIPPET-TABLE --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitsjonq%2Fwordpress-components-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitsjonq%2Fwordpress-components-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitsjonq%2Fwordpress-components-snippets/lists"}