Placeholder Edit

Usage

import { Placeholder } from '@wordpress/components';
import { more } from '@wordpress/icons';

const MyPlaceholder = () => <Placeholder icon={ more } label="Placeholder" />;

Top ↑

Props

Top ↑

`className`: `string`

Class to set on the container div.

Required: No

Top ↑

`icon`: `string|Function|WPComponent|null`

If provided, renders an icon next to the label.

Required: No

Top ↑

`instructions`: `string`

Instructions of the placeholder.

Required: No

Top ↑

`isColumnLayout`: `boolean`

Changes placeholder children layout from flex-row to flex-column.

Required: No

Top ↑

`label`: `string`

Title of the placeholder.

Required: No

Top ↑

`notices`: `ReactNode`

A rendered notices list

Required: No

Top ↑

`preview`: `ReactNode`

Preview to be rendered in the placeholder.

Required: No

Top ↑

`withIllustration`: `boolean`

Outputs a placeholder illustration.

Required: No