Layout

Blank Slate

A blank slate informs users that a section doesn’t contain any data and provides a way to address it.

View source

Props

NameTypeDefaultDescription
additionalSectionReactNode
Additionnal child to add to the blank slate
buttonClassesstring[]
Additional css classes the buttons should have
buttonsIBaseActionOptions[]
Array of buttons to add to the blank slate
childrenReactNode
classesstring[]
Additional css classes that the blank slate should have
containerClassesstring[]
Additional css classes the container should have
descriptionReactNode
Description template to add to the blank slate
descriptionClassNamestring
Additional css classes the description should have
iconIcon
An icon to display above the title
titleReactNode
Title of the blank slate
withModalbooleanfalse
Whether the blank slate should have the css style to fit a modal

Examples

No guidelines exist for BlankSlate yet.

Create guidelines