Primer / Live
Storybook

  • Theme

  • Light
  • Dark
  • System

  • Light tone

  • Light
  • Light high contrast
  • Light colorblind
  • Light Tritanopia

  • Dark tone

  • Dark
  • Dark dimmed
  • Dark high contrast
  • Dark colorblind
  • Dark Tritanopia
  • Reset to default

Blankslate

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

Basic example

This is a blank slate

Use it to provide information when no dynamic content exists.

With an octicon

This is a blank slate

Use it to provide information when no dynamic content exists.

With an image

This is a blank slate

Use it to provide information when no dynamic content exists.

With an action

This is a blank slate

Combined

This is a blank slate

Use it to provide information when no dynamic content exists.

Combined in a box

This is a blank slate

Use it to provide information when no dynamic content exists.

Combined in a box, narrow

This is a blank slate

Use it to provide information when no dynamic content exists.

Combined in a box, large text

This is a blank slate

Use it to provide information when no dynamic content exists.

Combined in a box, spacious

This is a blank slate

Use it to provide information when no dynamic content exists.