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 />;
import Dropdown from '@semcore/ui/dropdown';
<Dropdown />;

DropdownProps

Intergalactic.InternalTypings.EfficientOmit & {...}
NameTypeDescription
stretch"min" | "fixed" | falseModifier 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
interaction"hover" | "click" | "focus" | "none" |

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

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

PopperTriggerProps

& {...}

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

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

PopperPopperProps

& & {...}
NameTypeDescription
disableEnforceFocusbooleanDisabled focus trap, autofocus and focus return

Released under the MIT License.

Released under the MIT License.