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

Timeline

Displays items on a vertical timeline, connected by timeline elements.

Badge

Everything is fine

Body content

Monalisa created one hot potato Just now

Badge links

href link
patch link
navigate link

Badge state

Message
Message
Message
Message
Message
Message

Avatar

Someone's commit

Break

Everything will be fine
Everything is fine

Condensed

Message
Message