Pular para o conteúdo

ListItemText API

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

Importação

import ListItemText from '@mui/material/ListItemText';
// ou
import { ListItemText } from '@mui/material';
Você pode aprender sobre a diferença lendo este guia sobre como minimizar o tamanho do pacote.

Nome do componente

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

Propriedades

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

NomeTipoPadrãoDescrição
childrennode
Alias for the primary prop.
classesobject
Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes.
disableTypographyboolfalse
If true, the children won't be wrapped by a Typography component. This can be useful to render an alternative Typography variant by wrapping the children (or primary) text, and optional secondary text with the Typography component.
insetboolfalse
If true, the children are indented. This should be used if there is no left avatar or left icon.
primarynode
The main content element.
primaryTypographyPropsobject
These props will be forwarded to the primary typography component (as long as disableTypography is not true).
secondarynode
The secondary content element.
secondaryTypographyPropsobject
These props will be forwarded to the secondary typography component (as long as disableTypography is not true).
sxArray<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.

CSS

Nome da regraClasse globalDescrição
root.MuiListItemText-rootEstilos aplicados ao elemento raiz.
multiline.MuiListItemText-multilineEstilos aplicados para the Typography component se primary and secondary are set.
dense.MuiListItemText-denseEstilos aplicados para the Typography component se dense.
inset.MuiListItemText-insetEstilos aplicados para o elemento raiz se inset={true}.
primary.MuiListItemText-primaryEstilos aplicados a the primary `Typography` component.
secondary.MuiListItemText-secondaryEstilos aplicados a the secondary `Typography` component.

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

Demonstrações