Dropdown component states
Default dropdown menu styling
Disable the link with .disabled
class
Make the link active with .active
class
Dropdown header with options
Basic header
styling of label sections
Display left/right positioned icons
Display left/right positioned icons
Display left/right positioned icons
Icons, checkboxes, radios, switches etc.
Dropdown icons in left position
Dropdown icons in right position
Dropdown menu items with .badge
Dropdown menu items with .badge
Dropdown menu items with .badge
Dropdown menu items with .badge
Dropdown icons in right position
Left and right positioned radio
Left and right positioned checkboxes
with Buttons, Inputs and Checkbox.
Icons, checkboxes, radios, switches etc.
Trigger dropdown menus above elements by adding .dropup
to the parent element.
Trigger dropdown menus at the right of the elements by adding .dropright
to the parent element.
Trigger dropdown menus at the right of the elements by adding .dropleft
to the parent element.
Yamm, Lists, Buttons...
Below example UI composition with: Media, Badge, List Groups, and Links.
Below example UI composition with: Media, Badge, List Groups, and Links.