Sha256: 7c384e89c3d2b1255656cff51b2ee02de4a29e03f594e0e8bdfcf33a57d67be5

Contents?: true

Size: 521 Bytes

Versions: 1007

Compression:

Stored size: 521 Bytes

Contents

import React from 'react'
import { ProgressSimple } from 'playbook-ui'

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,007 entries across 1,007 versions & 2 rubygems

Version Path
playbook_ui_docs-14.12.0.pre.alpha.testingwithfas5689 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.alpha.testingwithfas5689 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.alpha.testingwithfas5686 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.alpha.testingwithfas5686 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.alpha.play1828updateviteversion5680 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.alpha.play1828updateviteversion5680 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5673 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5673 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5655 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5655 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.alpha.PBNTR720railscarddraggable5649 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.alpha.PBNTR720railscarddraggable5649 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5646 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5646 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.rc.12 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.rc.12 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx