Sha256: 80e4df7857f994ad724d1fb9a4dd0fdf131b8a0577072cf4cad5c55f4296373a

Contents?: true

Size: 515 Bytes

Versions: 1044

Compression:

Stored size: 515 Bytes

Contents

import React from 'react'
import { ProgressSimple } from '../..'

const ProgressSimpleVariants = () => {
  return (
    <div>
      <ProgressSimple percent={64.5} />

      <br />

      <ProgressSimple
          percent={90}
          variant="positive"
      />

      <br />

      <ProgressSimple
          percent={10}
          variant="negative"
      />

      <br />

      <ProgressSimple
          percent={40}
          variant="warning"
      />
    </div>
  )
}

export default ProgressSimpleVariants

Version data entries

1,044 entries across 1,044 versions & 2 rubygems

Version Path
playbook_ui_docs-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.34.1 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.34.1 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3368 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.34.0 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.33.1 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.33.0.pre.alpha.PBNTR405dropdownformfixesrails3311 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx