List API

Documentação da API para o componente React List . 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 List from '@mui/material/List';
// ou
import { List } from '@mui/material';

The name MuiList 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.
component	elementType		The component used for the root node. Either a string to use a HTML element or a component.
dense	bool	false	If `true`, compact vertical padding designed for keyboard and mouse input is used for the list and list items. The prop is available to descendant components as the `dense` context.
disablePadding	bool	false	If `true`, vertical padding is removed from the list.
subheader	node		The content of the subheader, normally `ListSubheader`.
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	.MuiList-root	Estilos aplicados ao elemento raiz.
padding	.MuiList-padding	Estilos aplicados em o elemento raiz a menos que `disablePadding={true}`.
dense	.MuiList-dense	Estilos aplicados para o elemento raiz se dense.
subheader	.MuiList-subheader	Estilos aplicados para o elemento raiz se a `subheader` is provided.

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.