ItemGroup

ItemGroup displays a list of Items grouped and styled together.

import { __experimentalItemGroup as ItemGroup } from '@wordpress/components';

LinksPermalink to this section

Name	Default	Description
`isBordered`	`false`	`boolean` Renders a border around the itemgroup.
`isRounded`	`true`	`boolean` Renders with rounded corners.
`isSeparated`	`false`	`boolean` Renders a separator between each item.
`size`	`'medium'`	`"small" \| "medium" \| "large"` Determines the amount of padding within the component.
`children` Required		`ReactNode` The children elements.
`as`		`keyof IntrinsicElements \| JSXElementConstructor<any> \| undefined` The HTML element or React component to render the component as.

const Default = ( props ) => (
	<ItemGroup { ...props } />
);

const NonClickableItems = ( props ) => (
	<ItemGroup { ...props } />
);

const CustomItemSize = ( props ) => (
	<ItemGroup { ...props } />
);

const WithoutBorder = ( props ) => (
	<ItemGroup { ...props } />
);