Blankslate

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

On this page

  • Updated 11 Oct 2024

Playground

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

Props

NameTypeValuesDefault
leadingVisualVarianticonspinnericon
primaryActionVarianttruefalsetrue
secondaryActionVarianttruefalsetrue
narrow?Variantoffonoff
spacious?Variantoffonoff
border?Variantonoffon

leadingVisual

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

primaryAction

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

narrow?

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

border?

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