Types

Label

A label.

Pointing

A label can point to content next to it.

Prompt

A label can prompt for an error in your forms.

The prompt prop can be used only inside Form component.

Corner

A label can position itself in the corner of an element.

Tag

A label can appear as a tag.

Ribbon

A label can appear as a ribbon attaching itself to an element.

Attached

A label can attach to a content segment.

Horizontal

A horizontal label is formatted to label content along-side it horizontally.

Floating

A label can float above another element.

Content

Detail

A label can contain a detail

Icon

A label can include an icon

You can do the same using shorthands.

Image

A label can include an image

You can do the same using shorthands.

Variations

Circular

A label can be circular

Basic

A label can reduce its complexity

Colored

A label can have different colors

Size

A label can be small or large

Groups

Group Size

Labels can share sizes together

Colored Group

Labels can share colors together

Tag Group

Labels can share tag formatting

Circular Group

Labels can share shapes

This is the bottom