PigmentGrid API
API reference docs for the React PigmentGrid component. Learn about the props, CSS, and other APIs of this exported module.
Demos
Import
import PigmentGrid from '@mui/material/PigmentGrid';
// or
import { PigmentGrid } from '@mui/material';
Learn about the difference by reading this guide on minimizing bundle size.
Name | Type | Default | Description |
---|---|---|---|
children | node | - | The content of the component. |
columns | Array<number> | number | object | 12 | The number of columns. |
columnSpacing | Array<number | string> | number | object | string | - | Defines the horizontal space between the type |
container | bool | false | If |
direction | 'column' | 'column-reverse' | 'row' | 'row-reverse' | Array<'column' | 'column-reverse' | 'row' | 'row-reverse'> | object | 'row' | Defines the |
offset | Array<number> | number | object | - | Defines the offset of the grid. |
rowSpacing | Array<number | string> | number | object | string | - | Defines the vertical space between the type |
size | Array<number> | number | object | - | Defines the column size of the grid. |
spacing | Array<number | string> | number | object | string | 0 | Defines the space between the type |
wrap | 'nowrap' | 'wrap-reverse' | 'wrap' | 'wrap' | Defines the |
Source code
If you did not find the information in this page, consider having a look at the implementation of the component for more detail.