Single Directory Components: Block

✨ Write Single Directory Components, and get blocks for free! ✨

This module lets you put Single Directory Components
in the page using blocks. This includes the regular block layout, layout
builder, and any other tool that renders blocks in a page.

Watch the video tutorial

3 min 📹 Tutorial to put an SDC Block on the page

Configurable blocks

This module will provide one block type for each component tagged using SDC
Tagging. A configuration form will be auto-generated for your block, even if
your component uses props or contains slots. No additional effort required.

Note in the screenshot above that the component contains one string property
called Heading. It also contains one slot called card_body.

Token support

When a site builder puts a block on a page that contains a node, then they
can use the node information in the CL Block using tokens. Access the node
content (and its relationships) using tokens. For instance: [node:title].

UI Suite

SDC Block is direct and simple implementation, check out UI Suite for a more complete and nuanced solution.

For more information read #3482586: Comparison with UI Patterns module.