Bpk-component-progress-css NPM | npm.io

3.1.8 • Published 2 years ago

Install

Weekly downloads

201

License

Apache-2.0

Repository

Last release

2 years ago

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
stepColor	string	false	`colorWhite`

Theme props

progressBarFillColor

@skyscanner/bpk-foundations-web-css bpk-mixins-css bpk-react-utils-css lodash.clamp prop-types

@infinitebrahmanuniverse/nolb-bp @everything-registry/sub-chunk-1259 @zalastax/nolb-bp

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago