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 9 Dec 2024

Playground

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

Props

NameTypeValuesDefault
leadingVisualVarianticon spinner icon
primaryActionVariantfalse true true
secondaryActionVariantfalse true true
narrow?Variantoff on off
spacious?Variantoff on off
border?Varianton off on

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