Skip to content

OptionUnstyled API

API documentation for the React OptionUnstyled component. Learn about the available props and the CSS API.

Import

import OptionUnstyled from '@mui/base/OptionUnstyled';
// or
import { OptionUnstyled } from '@mui/base';
You can learn about the difference by reading this guide on minimizing bundle size.

An unstyled option to be used within a SelectUnstyled.

Props

Props of the native component are also available.

NameTypeDefaultDescription
value*any
The value of the option.
componentelementType
The component used for the Root slot. Either a string to use a HTML element or a component. This is equivalent to components.Root. If both are provided, the component is used.
components{ Root?: elementType }{}
The components used for each slot inside the OptionUnstyled. Either a string to use a HTML element or a component.
componentsProps{ root?: object }{}
The props used for each slot inside the Input.
disabledboolfalse
If true, the option will be disabled.
labelstring
A text representation of the option's content. Used for keyboard text navigation matching.

The ref is forwarded to the root element.

Demos