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
  • Instructions
  • Alternatives to this Tab Component

Was this helpful?

Tab

PreviousRich TextNextVideo

Last updated 5 years ago

Was this helpful?

The Tab component can display rich text, a custom block or a block from a module.

Instructions

  1. While editing a layout, click Add Block. The Choose Block pane will appear.

  2. From the Layout Builder section, click Tab (LBK):

  3. Provide the title, the text to show when there are no tabs and add as many tabs as you wish.

  4. Adding rich text: Click "Add custom text." Provide the tab label, the text and specify the , if desired.

  5. Adding a custom or module block: Click Add block. Select a block from the drop-down selector that appears.

  6. Click Add Block when you are done.

Be sure to click Save Layout or your changes won't be saved and won't be visible to visitors.

Alternatives to this Tab Component

You can also use Field Groups to display individual fields, too. See .

Text format
this blog post