Dropdown
TIP
The Dropdown
is a wrap over the Popper
with the addition of styles, presets and modifiers.
Dropdown
The wrap over the <Popper/>
component.
jsx
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 |
Dropdown.Trigger
The wrap over the <Popper.Trigger/>
component.
jsx
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.
jsx
import Dropdown from '@semcore/ui/dropdown';
<Dropdown.Popper />;
PopperPopperProps
& & & {...}Name | Type | Description |
---|---|---|
disableEnforceFocus | boolean | Disabled focus trap, autofocus and focus return |