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 12 Jan 2024

Playground

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: image, primaryAction: off, secondaryAction: on, narrow?: on, spacious?: off, border?: on
image
leadingVisual: icon, primaryAction: on, secondaryAction: off, narrow?: off, spacious?: off, border?: on
icon
leadingVisual: spinner, primaryAction: on, secondaryAction: off, narrow?: off, spacious?: off, border?: on
spinner

narrow?

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

border?

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