Noora (0.32.0)

Inline Dropdown

Item 1 (Foo)
Item 2 (Bar)
Item 3 (Baz)
Attribute Type Documentation Default Value
Required id * :string

Unique identifier for the dropdown component
label :string

Main text displayed in the dropdown trigger
disabled :boolean

Whether the dropdown is disabled
on_open_change :string

Event handler for when the dropdown opens
on_highlight_change :string

Event handler for when the highlighted option changes
on_select :string

Event handler for when an option is selected
on_escape_key_down :string

Event handler for when the escape key is pressed
on_pointer_down_outside :string

Event handler for when the pointer is pressed outside the dropdown
on_focus_outside :string

Function called when the focus is moved outside the component
on_interact_outside :string

Function called when an interaction happens outside the component
icon :slot

Icon to be rendered in the dropdown trigger
inner_block :slot

Content to be rendered inside the dropdown menu

 
<.dropdown_item value="1" label="Item 1" secondary_text="Foo"/>
<.dropdown_item value="2" label="Item 2" secondary_text="Bar"/>
<.dropdown_item value="3" label="Item 3" secondary_text="Baz"/>