Skip to Main Content

Pelican Design System icon Pelican Design System Button Container

Button Container

The Button Container collects a series of related buttons at bottom of page.

Best Practices

  • Insert Button Container after the other content, but before any footers.
  • See Buttons for guidance on styling and writing buttons.
  • If there is only 1 cautionary button, such as a .btn-warning or btn-danger, then add the class ms-auto to it.
  • If there are 1 or more cautionary buttons, such as a .btn-warning or btn-danger, then add the class ms-md-auto to the first one in the source.
  • Consider buttons’ action hierarchy when assigning button styles.

Usage

See the Pen Buttons Container by LA Gov Design Team (@lagovdesignteam) on CodePen.

Resources

Page top