Browse: Home / Block Editor Handbook / Component Reference / Placeholder

Placeholder Edit

Usage Usage

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

const MyPlaceholder = () => (
    <Placeholder
        icon="wordpress-alt"
        label="Placeholder"
    />
);

Props Props

Name Type Default Description
icon string, ReactElement undefined If provided, renders an icon next to the label.
label string undefined Renders a label for the placeholder.
instructions string undefined Renders instruction text below label.
isColumnLayout bool false Changes placeholder children layout from flex-row to flex-column.