Layout Builder Kit
  • Layout Builder Kit
  • Setting Up Layout Builder
  • Book Navigation
  • Icon Text
  • Image
  • Rich Text
  • Tab
  • Video
  • Paragraphs has an Ecosystem, Too
  • Known Issues
  • Developer Documentation
    • Storing Component Configuration
Powered by GitBook
On this page
  • Introduction
  • Other Layout Builder Kit Resources
  • Testing a SimplyTest.me
  • Contributing New Components

Was this helpful?

Layout Builder Kit

NextSetting Up Layout Builder

Last updated 5 years ago

Was this helpful?

Introduction

is a project of . Our other projects are:

  • , a flexible donation system made entirely in Drupal

  • , a module plugin for Campaign Kit

  • and the , a standards system to help teams and module builders improve the code they ship.

The kit has the following components:

  • Book Navigation

  • Icon Text

  • Image

  • Rich Text

  • Tab

  • Video

In Drupal 8, you will see the words Block and Component used interchangeably; they are the same thing for our purposes.

Be sure to read the . If there is a bug that's not known yet, please .

Some sites like to use to make page-specific theme CSS and Javascript customizations. Be careful, using this too much makes the site brittle and it can become difficult to track down errors. Do your best to keep theme changes in the primary CSS file of the site theme.

Other Layout Builder Kit Resources

Testing a SimplyTest.me

  1. Go to "SimplyTest.me."

  2. Select "layout_builder_kit" and the latest version.

  3. Click "Launch sandbox;" let the sandbox initializ.

  4. From the Drupal screen that appears, login with:

    1. Username: admin

    2. Password: admin

  5. Add Layout Builder components via Structure > Block layout OR by enabling Layout Builder on a content type and adding components to the layout of that content type.

Contributing New Components

We are happy to consider adding your component to the kit but create an issue so we can discuss your ideas first.

When coding, follow the lead of the other components and use these guidelines:

  1. Subclass the class LBKBaseComponent. This is where common functionality goes, like the title, the class textfield and multilingual support (in the future).

  2. Use LBK as the class prefix to prevent name collisions with other component libraries.

The slide deck for BADCamp 2019 is "." The video is coming soon.

Did you know that ?

Make sure it meets .

Layout Builder Kit
Performant Labs
Campaign Kit
Payment Stripe
Payment
Drupal Quality Initiative
Known Issues
file a bug
Asset Injector
Start using the Emerging Layout Builder Ecosystem
Paragraphs has an Ecosystem, Too
Drupal Quality Initiative Level 1