bpk-component-progress

5.0.0 • Public • Published

bpk-component-progress

Backpack progress bar component.

Installation

npm install bpk-component-progress --save-dev

Usage

import React, { Component } from 'react';
import BpkProgress from 'bpk-component-progress';

const Progress = () => (
  <BpkProgress
    min={0}
    max={100}
    value={63}
    aria-label="Searching"
    onCompleteTransitionEnd={() => alert('Completed!')}
  />
);

const Steps = () => (
  <BpkProgress
    stepped
    min={0}
    max={5}
    value={1}
    aria-label="Checkout"
    getValueText={(value, min, max) => `Step ${value} of ${max}`}
  />
);

Props

Property PropType Required Default Value
max number true -
min number true -
value number true -
className string false null
getValueText func false null
small bool false false
onComplete func false null
onCompleteTransitionEnd func false null
stepped bool false false

Theme props

  • progressBarFillColor

Readme

Keywords

none

Package Sidebar

Install

npm i bpk-component-progress

Weekly Downloads

5

Version

5.0.0

License

Apache-2.0

Unpacked Size

31 kB

Total Files

12

Last publish

Collaborators

  • anambl
  • skyscanner-koalasquad
  • gert-jan.vercauteren
  • frugoman
  • marianeumayer-skyscanner
  • ojcurt