Skip to content

OptionGroupUnstyled API

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

Import

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

An unstyled option group to be used within a SelectUnstyled.

Props

Props of the native component are also available.

NameTypeDefaultDescription
componentelementType
The component used for the root node. Either a string to use a HTML element or a component.
disabledboolfalse
If true all the options in the group will be disabled.
labelnode
The human-readable description of the group.
slotProps{ label?: func
| object, list?: func
| object, root?: func
| object }
{}
The props used for each slot inside the Input.
slots{ label?: elementType, list?: elementType, root?: elementType }{}
The components used for each slot inside the OptionGroupUnstyled. Either a string to use a HTML element or a component.

The ref is forwarded to the root element.

Demos