Blankslate

Blankslate is used as placeholder to tell users why content is missing.

On this page

  • Updated 12 Jan 2024

Playground

No preview available
leadingVisual
primaryAction
secondaryAction
narrow?
spacious?
border?

Props

NameTypeValuesDefault
leadingVisualVarianticonspinnerimageicon
primaryActionVariantonoffon
secondaryActionVariantonoffon
narrow?Variantoffonoff
spacious?Variantoffonoff
border?Variantonoffon

leadingVisual

leadingVisual: icon, primaryAction: on, secondaryAction: on, narrow?: off, spacious?: off, border?: on
icon
leadingVisual: spinner, primaryAction: on, secondaryAction: on, narrow?: off, spacious?: off, border?: on
spinner
leadingVisual: image, primaryAction: on, secondaryAction: on, narrow?: off, spacious?: off, border?: on
image

narrow?

leadingVisual: icon, primaryAction: on, secondaryAction: on, narrow?: off, spacious?: off, border?: on
off
leadingVisual: icon, primaryAction: on, secondaryAction: on, narrow?: on, spacious?: off, border?: on
on

border?

leadingVisual: icon, primaryAction: on, secondaryAction: on, narrow?: off, spacious?: off, border?: on
on
leadingVisual: icon, primaryAction: on, secondaryAction: on, narrow?: off, spacious?: off, border?: off
off