Tabs/Accordion Paragraph

The tabs/accordion paragraph is a sub-layout paragraph. It acts similarly to Layout but can be only added on a Layout Item level rather than on the blank canvas level.

1. Tabs/accordion be added to any layout items.

2. After adding a tabs/accordion to a layout item. The plus icon button in each tabs/accordion item adds content, the same workflow as in layout items.

Tabs/Accordion (edit)

Item 1
Item 2
Item 3

3. Editing the tabs/accordion will bring up these options in a modal.

Tabs/Accordion Options
Visual
Note: if Allow only 1 item to be expanded at once is checked, only 1 item will be expanded on page load. Do not check multiple items to expand on page load in such scenario.

Overall Options

Individual Options

  • Item 1
  • Item 2
  • Item 3
Item options

  • Spacing Overrides

  • Additional Attributes

    Note: HTML and aria attributes are allowed.

    + Add another attribute

Overrides

Tabs/Accordion Options
Note: Inset spacing adds consistent spacing on all 4 sides of an item; disabling it adds consistent spacing only in-between items. When set to auto, there is inset spacing around labels and no inset spacing around panels. See Tabs documentation.
Visual
  • Item 1
  • Item 2
  • Item 3
Item options
Note: Animation options are currently in beta and subject to change.
When cascade is enabled, animations will run in sequence rather than all at once.
Animation

  • Spacing Overrides

  • Additional Attributes

    Note: HTML and aria attributes are allowed.

    + Add another attribute

Overrides