Dropdown Stable

A Dropdown is a small overlay that can contain any type of content, which are displayed on demand.

<uimc-dropdown 
  label="Dropdown"
>
</uimc-dropdown>

Attribute	Description	Values	Default
label	Text for the toggle button		–
right-aligned	Alignment of the opened panel		–

Slot	Slotted content
default	Slot for e.g. a menu

Apple Pie

Orange Juice

Banana Joe

<uimc-dropdown 
  label="Dropdown"
>
  <uimc-menu>
    <uimc-menu-item>Apple Pie</uimc-menu-item>
    <uimc-menu-item>Orange Juice</uimc-menu-item>
    <uimc-menu-item>Banana Joe</uimc-menu-item>
  </uimc-menu>
</uimc-dropdown>

Apple Pie

Orange Juice

Banana Joe

<uimc-dropdown 
  label="Dropdown"
  right-aligned="true"
>
  <uimc-menu>
    <uimc-menu-item>Apple Pie</uimc-menu-item>
    <uimc-menu-item>Orange Juice</uimc-menu-item>
    <uimc-menu-item>Banana Joe</uimc-menu-item>
  </uimc-menu>
</uimc-dropdown>

Dropdown Stable

Left aligned dropdown

Right aligned dropdown