bpk-component-progress-css

    3.0.19 • 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-css

    DownloadsWeekly Downloads

    15

    Version

    3.0.19

    License

    Apache-2.0

    Unpacked Size

    28.3 kB

    Total Files

    15

    Last publish

    Collaborators

    • k0nserv
    • shaundon
    • georgegillams
    • tiagohngl
    • ojcurt