Live Storybook

Badges

Size base Open in playground
one tow three four five six 
<.badges size="base">
  <.badge>one</.badge>
  <.badge>tow</.badge>
  <.badge>three</.badge>
  <.badge>four</.badge>
  <.badge>five</.badge>
  <.badge>six</.badge>
</.badges>
Extra small Open in playground
one tow three four five six 
<.badges size="xs">
  <.badge size="xs">one</.badge>
  <.badge size="xs">tow</.badge>
  <.badge size="xs">three</.badge>
  <.badge size="xs">four</.badge>
  <.badge size="xs">five</.badge>
  <.badge size="xs">six</.badge>
</.badges>
Small Open in playground
one tow three four five six 
<.badges size="sm">
  <.badge size="sm">one</.badge>
  <.badge size="sm">tow</.badge>
  <.badge size="sm">three</.badge>
  <.badge size="sm">four</.badge>
  <.badge size="sm">five</.badge>
  <.badge size="sm">six</.badge>
</.badges>
Large Open in playground
one tow three four five six 
<.badges size="lg">
  <.badge size="lg">one</.badge>
  <.badge size="lg">tow</.badge>
  <.badge size="lg">three</.badge>
  <.badge size="lg">four</.badge>
  <.badge size="lg">five</.badge>
  <.badge size="lg">six</.badge>
</.badges>
Extra large Open in playground
one tow three four five six 
<.badges size="xl">
  <.badge size="xl">one</.badge>
  <.badge size="xl">tow</.badge>
  <.badge size="xl">three</.badge>
  <.badge size="xl">four</.badge>
  <.badge size="xl">five</.badge>
  <.badge size="xl">six</.badge>
</.badges>