Button List

The <ch5-button-list> component contains a collection of buttons that can be used within a CH5 project.

For interactive examples using the <ch5-button-list> component and CSS classes, refer to the Showcase Application.

Features

The <ch5-button-list> attributes provide the following features:

  • Supports multiple modes and states via child elements (<ch5-button-list-mode> and <ch5-button-list-state>)
  • Allows the same label or label template to be used across all buttons in a list.
  • Allows individual button labels and icons to be used for each button in a list.
  • Allows a page to be designated to "local flip" when a button is pressed.
  • Allows child attributes to be provided to individual buttons within the button list.
  • Allows styles to be applied to the overall button list or individual buttons within the list.