Skip to content
Primer Design System

Primer Design System

Blankslate

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

On this page

  • Updated 22 Mar 2024

Playground

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

Props

NameTypeValuesDefault
leadingVisualVarianticon spinner image icon
primaryActionVarianton off on
secondaryActionVarianton off on
narrow?Variantoff on off
spacious?Variantoff on off
border?Varianton off on

leadingVisual

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

narrow?

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

border?

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