Button Paragraph

The button paragraph combines the list component and the button element.

Button(s)
Display Options
Button 1
    • Action Type
Action
Note: these options are only available when the Hierarchy (above) is set to "Primary". The default option will use the colors shown on the Button Hierarchy Documentation Page.
Background Color
Note: icon options are not available within buttons.
  • Choose an icon from the library
Icon Before
Note: icon options are not available within buttons.
  • Choose an icon from the library
Icon After
Note: icon options are not available within buttons and Icon Only will override Icon Before and Icon After.
  • Choose an icon from the library
Icon Only

  • Spacing Overrides

  • Additional Attributes

    Note: HTML and aria attributes are allowed.

    + Add another attribute

Overrides

Output markup

Dev Notes

  1. Regardless of how many buttons are created, always render a list. This removes the need to have two paragraphs (button and button group).
  2. List Options section should be a conditional based on how many buttons are created. It does not appear if only 1 button is created.