ImageListItem API

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

Importação

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

The name MuiImageListItem 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		While you can pass any node as children, the main use case is for an img.
classes	object		Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes.
cols	integer	1	Width of the item in number of grid columns.
component	elementType		The component used for the root node. Either a string to use a HTML element or a component.
rows	integer	1	Height of the item in number of grid rows.
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	.MuiImageListItem-root	Estilos aplicados ao elemento raiz.
img	.MuiImageListItem-img	Estilos aplicados a an `img` element to ensure it covers the item.
standard	.MuiImageListItem-standard	Estilos aplicados para o elemento raiz se `variant="standard"`.
woven	.MuiImageListItem-woven	Estilos aplicados para o elemento raiz se `variant="woven"`.
masonry	.MuiImageListItem-masonry	Estilos aplicados para o elemento raiz se `variant="masonry"`.
quilted	.MuiImageListItem-quilted	Estilos aplicados para o elemento raiz se `variant="quilted"`.

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

Com um nome de classe global.
Com um nome de regra como parte da propriedade styleOverrides do componente em um tema personalizado.