Label

Use the label component to add contextual metadata to a design.

v0.34.0BetaNot reviewed for accessibility

Description

Use Label to add contextual metadata to a design.

Accessibility

Use aria-label if the Label or the context around it don't explain the label.

Arguments

NameTypeDefaultDescription
tag
Symbol

:span

One of :a, :div, :span, or :summary.

scheme
Symbol

:default

One of :accent, :attention, :danger, :default, :done, :info, :orange, :primary, :purple, :secondary, :severe, :sponsors, :success, or :warning.

size
Symbol

:medium

One of :large or :medium.

inline
Boolean

false

Whether or not to render this label inline.

variant
Symbol

:none

One of :inline, :large, or :none.

system_arguments
Hash

N/A

Examples