![A screenshot of the WordPress Gutenberg component "Placeholder".](https://wp-gb.com/wp-content/uploads/2021/01/component-Placeholder.png)
Can be used as a placeholder when a state/value when its empty. For example when the user needs to select an image, but there is no image selected yet.
<Placeholder
icon={arrowDown}
label="Image"
instructions="Select an image to remove this placeholder"
isColumnLayout //element is flex if this is not used
>
<div style={{ backgroundColor: "#e7e7e7", padding: "56px 64px", display: "flex", justifyContent: "center" }}>
<Button isSecondary>Select image</Button>
</div>
</Placeholder>