ListSubheader API

Documentação da API para o componente React ListSubheader . Aprenda sobre as propriedades disponíveis e a API CSS.

Demonstrações

For examples and details on the usage of this React component, visit the component demo pages:

import ListSubheader from '@mui/material/ListSubheader';
// ou
import { ListSubheader } from '@mui/material';

The name MuiListSubheader can be used when providing default props or style overrides in the theme.

Propriedades do componente nativo também estão disponíveis.

Nome	Tipo	Padrão	Descrição
children	node		O conteúdo do componente.
classes	object		Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes.
color	'default' \| 'inherit' \| 'primary'	'default'	A cor do componente. Ela da suporte para as cores do tema que fazem sentido para este componente.
component	elementType		The component used for the root node. Either a string to use a HTML element or a component.
disableGutters	bool	false	If `true`, the List Subheader will not have gutters.
disableSticky	bool	false	If `true`, the List Subheader will not stick to the top during scroll.
inset	bool	false	If `true`, the List Subheader is indented.
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.

O ref é encaminhado para o elemento raiz.

Nome da regra	Classe global	Descrição
root	.MuiListSubheader-root	Estilos aplicados ao elemento raiz.
colorPrimary	.MuiListSubheader-colorPrimary	Estilos aplicados para o elemento raiz se `color="primary"`.
colorInherit	.MuiListSubheader-colorInherit	Estilos aplicados para o elemento raiz se `color="inherit"`.
gutters	.MuiListSubheader-gutters	Estilos aplicados em the inner `component` element a menos que `disableGutters={true}`.
inset	.MuiListSubheader-inset	Estilos aplicados para o elemento raiz se `inset={true}`.
sticky	.MuiListSubheader-sticky	Estilos aplicados em o elemento raiz a menos que `disableSticky={true}`.

Você pode sobrescrever o estilo do componente usando uma dessas opções de customização:

With a global class name.
With a rule name as part of the component's styleOverrides property in a custom theme.