Dropdown Menu

Displays a menu to the user—such as a set of actions or functions—triggered by a button.

				
<DropdownMenu.Container class="dropdown__container" slot="component">
    <DropdownMenu.Trigger class="dropdown__trigger">+</DropdownMenu.Trigger>
    <DropdownMenu.Content class="dropdown__content">
        <DropdownMenu.Arrow class="dropdown__arrow"/>
        <DropdownMenu.Item class="dropdown__item">
            Item 1
        </DropdownMenu.Item>
        <DropdownMenu.Item class="dropdown__item">
            Item 2
        </DropdownMenu.Item>
        <DropdownMenu.Item class="dropdown__item">
            Item 3
        </DropdownMenu.Item>
    </DropdownMenu.Content>
</DropdownMenu.Container>

API Reference

Container

Prop	Type	Default
`open`	`boolean`	`false`
`modal`	`boolean`	`true`
`direction`	`Direction`	`ltr`

Content

No props

Group

No props

Item

Prop	Type	Default
`disabled`	`boolean`	`false`
`closeOnClick`	`boolean`	`true`
`value`	`string`
`disableImplicitValue`	`boolean`	`false`
`submenu`	`boolean`	`false`
`role`	`string`	`menuitem`
`ariaChecked`	`Checked`	`null`

ItemCheck

Prop	Type	Default
`checked`	`Checked`	`false`

ItemIndicator

No props

ItemRadio

Prop	Type	Default
`value`	`string`	`-`
`checked`	`Checked`	`false`

Label

No props

RadioGroup

Prop	Type	Default
`value`	`string`

Sub

No props

Trigger

Prop	Type	Default
`disabled`	`boolean`	`false`