Panel Teaser Paragraph

A Panel Teaser paragraph

1. Panel will be similar to a nested Layout.

2. After adding a panel to a layout, placeholder spaces will be reserved for each panel teaser section (Title, Header, Content, Footer). User can add other paragraphs inside each section.

List (edit)

3. Editing the panel will bring up these options in a modal.

Panel Options

  • Visual Options

    Note: this option will determine how much of the content is covered on hover.
Visual

  • Spacing Overrides

  • Additional Attributes

    Note: HTML and aria attributes are allowed.

    + Add another attribute

Overrides

Dev Notes

  1. Header, Content, and Footer are not shown until a user clicks the plus sign on the panel. Since the content for these regions is not edited in the modal, this means that authors will probably have to click the plus sign before being able to edit these regions as well. Hopefully this does not make the UX too clunky, and also works smoothly with the Drupal layout plugin interface-- please discuss with the Bolt team if not.