ImageList API
Importação
import ImageList from '@mui/material/ImageList';
// ou
import { ImageList } from '@mui/material';
Nome do componente
The nameMuiImageList
can be used when providing default props or style overrides in the theme.Propriedades
Propriedades do componente nativo também estão disponíveis.
Nome | Tipo | Padrão | Descrição |
---|---|---|---|
children* | node | Items that will be in the image list. | |
classes | object | Sobrescreve ou extende os estilos aplicados para o componente. Veja a API CSS abaixo para maiores detalhes. | |
cols | integer | 2 | Number of columns. |
component | elementType | The component used for the root node. Either a string to use a HTML element or a component. | |
gap | number | 4 | The gap between items in px. |
rowHeight | 'auto' | number | 'auto' | The height of one row in px. |
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 | 'masonry' | 'quilted' | 'standard' | 'woven' | string | 'standard' | A variante a usar. |
O
ref
é encaminhado para o elemento raiz.CSS
Nome da regra | Classe global | Descrição |
---|---|---|
root | .MuiImageList-root | Estilos aplicados ao elemento raiz. |
masonry | .MuiImageList-masonry | Estilos aplicados para o elemento raiz se variant="masonry" . |
quilted | .MuiImageList-quilted | Estilos aplicados para o elemento raiz se variant="quilted" . |
standard | .MuiImageList-standard | Estilos aplicados para o elemento raiz se variant="standard" . |
woven | .MuiImageList-woven | Estilos aplicados para o elemento raiz se variant="woven" . |
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.