@react-spectre/label
v1.0.0-16
Published
React components for Spectre.css labels.
Downloads
14
Readme
@react-spectre/label
React components for Spectre.css's label
Installation
yarn add @react-spectre/label
npm install @react-spectre/label --save
Usage
Label
There is one single component used for labels: Label
.
import { Label } from '@react-spectre/label'
Colors
A Label can have 5 different color using props: primary
, secondary
, success
, warning
and error
.
<Label primary>primary</Label>
<Label secondary>secondary</Label>
<Label success>success</Label>
<Label warning>warning</Label>
<Label error>error</Label>
Rounded
A Label can have rounded corner using the rounded
prop
<Label rounded>rounded</Label>
<Label rounded primary>rounded primary</Label>
Small
A Label can be rendered in a <small />
element.
<Label small>small</Label>
<Label small primary>small primary</Label>
<Label small primary rounded>small primary rounded</Label>
Made with :heart: by Rubens Mariuzzo.