MasonryItem API

API documentation for the React MasonryItem component. Learn about the available props and the CSS API.

Import

import MasonryItem from '@mui/lab/MasonryItem';
// or
import { MasonryItem } from '@mui/lab';

The name MuiMasonryItem can be used when providing default props or style overrides in the theme.

Props of the native component are also available.

Name	Type	Default	Description
children^*	element		The content of the component, normally an `<img />` or a `<div />`. It should be only one element.
classes	object		Override or extend the styles applied to the component. See CSS API below for more details.
columnSpan	number	1	The number of columns taken up by the component
component	elementType		The component used for the root node. Either a string to use a HTML element or a component.
defaultHeight	number		The initial height of the component in px. This is provided for server-side rendering.
sx	object		Allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.

The ref is forwarded to the root element.

Rule name	Global class	Description
root	.MuiMasonryItem-root	Styles applied to the root element.

You can override the style of the component using one of these customization options:

With a global class name.
With a rule name as part of the component's styleOverrides property in a custom theme.