Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/mui/base-ui/llms.txt

Use this file to discover all available pages before exploring further.

Select

Allows the user to choose a single option from a list of choices.

Import

import * as Select from '@base-ui/react/select';

Select.Root

Groups all parts of the select. Doesn’t render its own HTML element.

Props

Select.Trigger

The button that toggles the select popup.

Select.Value

Displays the selected value.

Props

Select.Icon

An optional icon displayed inside the trigger.

Select.Portal

Portals the select popup to a different part of the DOM.

Props

Select.Positioner

Positions the select popup relative to the trigger.

Props

Same positioning props as Popover.Positioner (side, alignment, sideOffset, etc.)

Select.Popup

The popup that contains the select items.

Select.List

Scrollable list container for select items.

Select.Item

An item in the select list.

Props

Select.ItemText

The text content of a select item.

Select.ItemIndicator

Visual indicator that shows when an item is selected.

Props

Select.Group

Groups related select items.

Select.GroupLabel

Labels a group of select items.

Select.Backdrop

An optional overlay displayed beneath the select popup.

Select.Arrow

An optional arrow element that points toward the trigger.

Select.ScrollUpArrow

An arrow button that scrolls the list up.

Select.ScrollDownArrow

An arrow button that scrolls the list down.

Build docs developers (and LLMs) love