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.25.0.pre.alpha.PLAY1249fixTooltipswrappingformelementscausingmisalignment2785 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.25.0.pre.alpha.PLAY1249fixTooltipswrappingformelementscausingmisalignment2785 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.25.0.pre.alpha.PLAY1249fixTooltipswrappingformelementscausingmisalignment2783 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.25.0.pre.alpha.PLAY1249fixTooltipswrappingformelementscausingmisalignment2783 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.25.0.pre.alpha.PBNTR272Dropdownkitv42769 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.25.0.pre.alpha.PBNTR272Dropdownkitv42769 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.25.0.pre.alpha.barchartfix2766 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.25.0.pre.alpha.barchartfix2766 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.25.0.pre.alpha.PLAY761globalpaddingpropsbuttons2713 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.25.0.pre.alpha.PLAY761globalpaddingpropsbuttons2713 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.25.0 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.25.0 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.24.0.pre.alpha.play1305drycontenttag2689 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.24.0.pre.alpha.play1305drycontenttag2689 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.24.0.pre.alpha.PBNTR261NewKitDropdown2681 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.24.0.pre.alpha.PBNTR261NewKitDropdown2681 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.24.0.pre.alpha.PLAY1181circleiconkitfixsizingerrorglobalspacingprops2675 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.24.0.pre.alpha.PLAY1181circleiconkitfixsizingerrorglobalspacingprops2675 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-13.24.0.pre.alpha.PLAY998backgroundkitremoveemptyinlinline2666 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-13.24.0.pre.alpha.PLAY998backgroundkitremoveemptyinlinline2666 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx