Label

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

v0.21.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

NameDefaultDescription
tag

:span

Symbol

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

scheme

:default

Symbol

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

size

:medium

Symbol

One of :large or :medium.

inline

false

Boolean

Whether or not to render this label inline.

variant

:none

Symbol

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

system_arguments

N/A

Hash

Examples