Masonry API
Importação
import Masonry from '@mui/lab/Masonry';
// ou
import { Masonry } from '@mui/lab';Nome do componente
The nameMuiMasonry 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 | The content of the component. | |
| classes | object | Override or extend the styles applied to the component. See CSS API below for more details. | |
| columns | Array<number | string> | number | object | string | 4 | Number of columns. |
| component | elementType | The component used for the root node. Either a string to use a HTML element or a component. | |
| defaultColumns | number | The default number of columns of the component. This is provided for server-side rendering. | |
| defaultHeight | number | The default height of the component in px. This is provided for server-side rendering. | |
| defaultSpacing | number | The default spacing of the component. Like spacing, it is a factor of the theme's spacing. This is provided for server-side rendering. | |
| spacing | Array<number | string> | number | object | string | 1 | Defines the space between children. It is a factor of the theme's spacing. |
| sx | Array<func | object | bool> | func | object | 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 regra | Classe global | Descrição |
|---|---|---|
| root | .MuiMasonry-root | Styles applied to the root element. |
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
styleOverridesproperty in a custom theme.