Skip to content

03 Tags

JuanMa Garrido edited this page Dec 15, 2023 · 7 revisions

Each example in the repo is labeled with tags to organize them, group them and quickly explain their characteristics. The tags currently used for the examples are:

FEATURED

These examples are featured because they are considered especially good for learning about block development or because they show how a highlighted feature is implemented.

INTERACTIVITY API

These examples show the use of the experimental Interactivity API in Blocks via the @wordpress/interactivity package

INTERACTIVE BLOCK

These examples show how to add behaviour for the frontend in your blocks. This behaviour is usually applied on an extra file (defined with the property viewScript of your block.json) that is loades only when the block is displayed in the frontend.

CREATE BLOCK

These examples shows the result of using the create-block tool with any of his variants or options.

CREATE BLOCK TEMPLATE

These examples shows the result of using a template with the create-block tool with any of his variants or options.

NO BUILD

These examples shows block development that doesn't require a build process, mostly because they don't use ESNext or JSX syntax.

NO BLOCK

These examples shows the development of a feature or behaviour for WordPress using gutenberg packages and React without the creation of a block.

DYNAMIC RENDERING

These examples shows the so called dynamic blocks.

STATIC RENDERING

These examples shows the so called static blocks.

GUTENBERG PLUGIN

These examples shows some experimentatal feature that require the latest version of the Gutenberg Plugin in order to work properly

MINIMAL

These examples shows the most simple version of specific types of blocks

EXPERIMENTAL

These examples shows features that are experimental and not yet included in Core.

MULTI BLOCK

These examples are plugins registering several blocks.

STYLES

These examples show how to add styles to a block

SUPPORTS

These examples show how to to declare support for certain features via the supports property of block.json

META

These examples how to make use of the custom meta boxes of an entity from a block

The More info Creating a custom block that stores post meta blog post of the Developer Blog is an interesting read about this.

SLOTFILL

These examples use Slot and Fill components which enable developers to render elsewhere in a React element tree, a pattern often referred to as “portal” rendering.

ATTRIBUTES

These examples show blocks with attributes defined and how they're used wether for static or dynamic rendering

BLOCK TOOLBAR

These examples show how to add custom controls to the Block Toolbar that appears when the block is selected