TIP

The Dropdown is a wrap over the Popper with the addition of styles, presets and modifiers.

Dropdown

The wrap over the <Popper/> component.

import Dropdown from '@semcore/ui/dropdown';
<Dropdown />;

DropdownProps

& {...}

Name	Type	Description
stretch	"min" | "fixed" | false	Modifier responsible for the size of the pop-up window: `fixed` - a pop-up window of the same size as trigger; `min` - pop-up window not less than the size of the trigger; `false` - the pop-up window depends on the content within it.
locale	string	Specifies the locale for i18n support

Dropdown.Trigger

The wrap over the <Popper.Trigger/> component.

import Dropdown from '@semcore/ui/dropdown';
<Dropdown.Trigger />;

PopperTriggerProps

& {...}

Name	Type	Description
disableEnforceFocus	boolean	Disabled focus trap, autofocus and focus return

Dropdown.Popper

The wrap over the <Popper.Popper/> component.

import Dropdown from '@semcore/ui/dropdown';
<Dropdown.Popper />;

PopperPopperProps

& & & {...}

Name	Type	Description
disableEnforceFocus	boolean	Disabled focus trap, autofocus and focus return
keyboardFocused	boolean	Deprecated
autoFocus	boolean | "enforced"	Automatically focus a popper when it opens