ListSubheader API
Demos
For examples and details on the usage of this React component, visit the component demo pages:
Import
import ListSubheader from '@mui/joy/ListSubheader';
// or
import { ListSubheader } from '@mui/joy';Props
Props of the native component are also available.
| Name | Type | Default | Description | 
|---|---|---|---|
| children | node | The content of the component. | |
| color | 'danger' | 'info' | 'neutral' | 'primary' | 'success' | 'warning' | string | The color of the component. It supports those theme colors that make sense for this component. To learn how to add your own colors, check out Themed components—Extend colors. | |
| component | elementType | The component used for the root node. Either a string to use a HTML element or a component. | |
| sticky | bool | false | If  true, the component has sticky position (with top = 0). | 
| sx | Array<func | object | bool> | func | object | The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details. | |
| variant | 'outlined' | 'plain' | 'soft' | 'solid' | string | The global variant to use. To learn how to add your own variants, check out Themed components—Extend variants. | 
The
ref is forwarded to the root element.Theme default props
You can useJoyListSubheader to change the default props of this component with the theme.