Tables & Lists

Pick List

Radio Button

Radio buttons are used for mutually exclusive choices, not for multiple choices. Only one radio button can be selected at a time. When a user chooses a new item, the previous choice is automatically deselected. Can be used in forms on a full page, in modals, or on popovers.

Label
Code Usage
										

Single Select

Label
  • Option 1
  • Option 2
  • Option 3
  • Option 4
  • Option 5
  • Option 6
  • Option 7
Code Usage
										
  • Option 1
  • Option 2
  • Option 3
  • Option 4
  • Option 5
  • Option 6
  • Option 7

Multiselect

Multi select picklist component lets you create a list of grouped items that user can pick from. It presents a list of options and allows users to select more than one options. Can be used in forms on a full page, in modals, or on popovers.

Bar selection
Label
  • Option 1
  • Option 2
  • Option 3
  • Option 4
  • Option 5
  • Option 6
  • Option 7
Code Usage
										
  • Option 1
  • Option 2
  • Option 3
  • Option 4
  • Option 5
  • Option 6
  • Option 7
Checkbox
Label
Code Usage