Dropdown Stable Dark theme

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	String	–
right-aligned	Alignment of the opened panel	–	–
theme	Set the color scheme of the component	`light`, `dark`	`light`

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
>
  <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>

Dark theme

Apple Pie

Orange Juice

Banana Joe

<uimc-dropdown 
  label="Dropdown"
  theme="dark"
>
  <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 Dark theme

Left aligned dropdown

Right aligned dropdown

Dark theme