Label

Labels can be used to give descriptions to sections of content. They can be formatted like tags, used to mark separate sections of a group of content.

Standard

Label

A basic label

Fun

Linkable Label

If an a tag is used, a label will be formatted as a link

Fun

Attached Label

A label attached to a content segment

Top Left

Top Right

Bottom Left

Bottom Right

Hey let's look at labels.

Existing Users

E-mail

Password

Label with detail

A tag can optionally display a detail

Fun

New

Red

Removable label

A tag can also be removable

Witty

States

Labels only have a single ui state

Variations

Colors

A label can have different colors

First Fun Happy Smart Insane Witty Exciting

Tag

A label can look like a tag

First

Size

A label can be small or large

Fun

Groups

Label Groups

Groups can share variations together

Fun

Happy

Smart

Witty