Skip to content

Latest commit

 

History

History
70 lines (47 loc) · 1.2 KB

README.md

File metadata and controls

70 lines (47 loc) · 1.2 KB
Raw

@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