bpk-component-progress

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

    Theme props

    • progressBarFillColor

    Keywords

    none

    Install

    npm i bpk-component-progress

    DownloadsWeekly Downloads

    20

    Version

    3.0.22

    License

    Apache-2.0

    Unpacked Size

    39.6 kB

    Total Files

    16

    Last publish

    Collaborators

    • frugoman
    • zgeor
    • anambl
    • marianeumayer-skyscanner
    • ojcurt