@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 ❤️ by Rubens Mariuzzo.

MIT License