Skip to content

Dropdown

TIP

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

The wrap over the <Popper/> component.

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

DropdownProps

& {...}
NameTypeDescription
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.
localestring

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

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

PopperTriggerProps

& {...}
NameTypeDescription
disableEnforceFocusboolean Disabled focus trap, autofocus and focus return

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

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

PopperPopperProps

& & & {...}
NameTypeDescription
disableEnforceFocusboolean Disabled focus trap, autofocus and focus return

Released under the MIT License.

Released under the MIT License.