Label

Labels are a way to call attention to a word. The mark element, a notification count, or an important indicator (like marking a technology as 'beta' or 'private') are all use cases for labels.

Import Syntax

xxxxxxxxxx
 
import Label from 'calcite-react/Label'

Basic Usage

default

 
<Label>default</Label>

Colors

blueblue

greengreen

yellowyellow

redred

 
<GuideExample label="blue">
  <Label blue>blue</Label>
</GuideExample>
<GuideExample label="green">
  <Label green>green</Label>
</GuideExample>
<GuideExample label="yellow">
  <Label yellow>yellow</Label>
</GuideExample>
<GuideExample label="red">
  <Label red>red</Label>
</GuideExample>

Props

Property	Type	Required	Default	Description
children	Node	false	-	Content of the Label.
blue	Bool	false	-	Blue style Label.
green	Bool	false	-	Green style Label.
yellow	Bool	false	-	Yellow style Label.
red	Bool	false	-	Red style Label.

Calcite React

Label

Import Syntax

Basic Usage

Colors

Props