@react-spectre/bar

React components for Spectre.css's bar

Installation

yarn add @react-spectre/bar

npm install @react-spectre/bar --save

Usage

There are 2 components used for bar: Bar and Slider.

import { Bar, Slider } from '@react-spectre/bar'

Bar

<Bar progress={20}>

<Bar>
  <Bar.Item progress={20} />
</Bar>

<Bar>
  <Bar.Item progress={20} />
  <Bar.Item progress={20} />
</Bar>

Slider

<Slider progress={20}>

<Slider>
  <Slider.Item progress={20} />
</Slider>

<Slider>
  <Slider.Item progress={20} />
  <Slider.Item progress={20} />
</Slider>