Skip to content

Primer/Interface guidelines

Design
Interface guidelinesOcticonsDesktopMobileCLI
Build
CSSReactReact BrandViewComponents
ContributeAbout

Label

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

On this page
Work in progressWe are currently transferring the Rails documentation for Label from a different site to this page. To view the original documentation, please visit the Primer ViewComponents documentation for Label.
v0.1.5BetaNot reviewed for accessibility

Description

Use Label to add contextual metadata to a design.

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

System arguments

Examples

View in Lookbook