Skip to content
Primer Design System

Primer Design System

🎉 👀 New look, same Primer! Preview the new docs experience here and let us know what you think.

Blankslate

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

On this page

  • Updated 20 Mar 2025

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