UI Framework
General
  • Typography
  • Lists
  • Colors
  • Buttons
  • Badges
  • Inputs
  • Cards
  • Table
  • Grid
  • Flex
  • Display
  • Margin
  • Padding
  • Sizing
  • Navbar
  • Background
  • Rounded
  • Shadow
  • Outline
  • Border
Plugins
  • Tabs
  • Accordion
  • Dropdown
  • Tooltip
  • Toast
  • Modal
  • Offcanvas
  • Lightbox
  • Slideshow
  • Slider
  • Clipboard
  • Password
  • Relativetime
  • Dropselect
  • Imageslot
  • Sparkline
Examples
  • Examples

Dropdown Reference ↓

Placement

  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three

Offset & Mode

  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three
  • Item one
  • Item two
  • Item three

Reference

Base

Attribute / optionDescription
ui-dropdownmarks the trigger element
[ui-menu]the popup menu container
[ui-menu-item]individual menu item
[ui-menu-divider]visual separator

Modifiers

Attribute / optionDescription

Options

Attribute / optionDescription
ui-dropdown="placement:*"bottom-start, bottom-end, top-start, top-end, left, right
ui-dropdown="offset:N"gap between trigger and menu in px
ui-dropdown="mode:click"click or hover