Component Libraries: Blocks

This module lets you put CL Components in the page using blocks.

This includes the regular block layout, layout builder, and any other tool that renders blocks in a page.

Configurable blocks

This module will provide one block type for each component declared as an "organism" in the metadata.json. A configuration form will be auto-generated for your block, if your component accepts props or contains twig {% block my_block_name %} in its template. No additional effort required.

Note in the screenshot above that the component contains one string property called Heading. It also contains one {% block card_body %} in the twig template.

Support for nested components & CKEditor

When your editors need to put together more complex blocks they can nest components within components. Moreover they can use CKEditor to create their markup and embed their media from the media library.

Embed buttons for CKEditor

You can make any component available to be embedded using CKEditor. Just create a button for it, then assign it to the input format (ex: Full HTML). Then it will be available to be embedded, just like your media.

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].

Variant support

Variants are also supported in the same block type. Just pull up the configuration form and change your variant.