Types
Label
A basic label
Detail
A label can contain a detail
Removable
A label can contain a delete icon
Image
A label can be formatted to include an image
dog@doggington.com
james@thepooch.com
kelly@bellyscratcher.com
Corner
A label can position itself in the corner of an element
Ribbon
A label can appear as a ribbon attaching itself to an element.
Pretty nice animals.
Also pretty nice animals, but can prefer solitude.
Never seen one as a pet before, but I imagine they'd make pretty terrible companions.
Attached
A label can attach to a content segment
This is some pretend content
This is some pretend content
This is some pretend content
This is some pretend content
This is some pretend content
This is some pretend content
Variations
Horizontal
A horizontal label is formatted to label content along-side it horizontally
Floating
A label can float above another element
Pointing
A label can point to content next to it
Size
A label can be small or large
Groups
Size
Labels can share sizes together