Module Description
Layout Builder Kit is a set of pre-made components you can use in your Layout Builder pages.

Work has moved to the 2.0.x branch (compatible with 9.3 and up) and work has begun on Drupal 10 compatibility. Test with: "drupal/layout_builder_kit": "2.0.0-alpha2"

To try it on Drupal 10, use: composer update --ignore-platform-reqs

The 2.0.x branch uses Hook Event Dispatcher 3.x, which means you will need to enable the Core Event Dispatcher (/admin/modules) module for LBK to work.

The 3.0.x branch uses Hook Event Dispatcher 4.x and is where experimentation with Single Directory Components will take place. Thus, it will be compatible with Drupal 10.1+.

Current components are:


* Book Navigation
* Image
* Icon Text (icon to the left/up or right/down of text)
* Render—now renders media objects with a view mode
* Rich Text
* Tab
* Video

Please check the issue queue and the Known Issues page before reporting a bug.

Uploading Images You'll almost certainly want one of these modules to upload images: • IMCE • Editor File Upload • Insert • CKEditor Upload Image

Test the Module See the documentation to test the module at Simplytest.me.

Documentation User and developer documentation is here.

Learn more about the Layout Builder Ecosystem and detail on the different ways components can store configuration settings in the 2019 BADCamp presentation Start Using the Emerging Layout Builder Ecosystem.

Component Features Common Features

* Hide component title
* Add CSS classes for further customization (via files or Asset Injector)

Book Navigation Component

* Provide easy navigation of Drupal Books

Image Component

* Change the position of the title
* Select an Image Style
* Change the alignment of the image (left, center, right)
* Add a rich text overlay
* Change location of overlay text
* Add extra CSS classes

Icon Component

* Change the position of the icon (on left or right)
* Add a URL behind the icon
* Add rich text to the left or right of the icon
* Add extra CSS classes

Render Component
Select a single node or media object and view mode to render.

Rich Text Component
Enter text and select the Text format (Basic HTML, Restricted HTML, Full HTML, or others you add).

Tab Component

* Add an unlimited number of tabs
* Add rich text directly in the tab
* Render a block in the tab
* Add extra CSS classes

Video Component

* Render YouTube and Vimeo videos
* Provide URL in a text field
* Specify a field in an entity with the URL
* Add extra CSS classes

Other Modules Check out our other modules and projects:


* Automated Testing Kit, kickstart your testing program with useful tests and utility functions in Cypress and Playwright
* Campaign Kit, a flexible donation system made entirely in Drupal that supports chained and peer-to-peer campaigns
* Payment Stripe, a Payment module plugin that processes Stripe payments
* and the Drupal Quality Initiative, a standards system to help teams and module builders improve the code they ship.

Project Usage
252
Creation Date
Changed Date
Security Covered
Not Covered By Security Advisory
Version Available
Production
Module Summary
Layout Builder Kit is a set of pre-made components for use in Layout Builder pages.
Data Name
layout_builder_kit

OPENAI CHATBOT

OPENAI CHATBOT

16:23:26
Generic Chatbot
Hi, I'm a Drupal module expert powered by OpenAI, answering your questions about the Drupal module ecosystem. How can I be helpful today? Please note that we will log your question.