Sha256: 7c384e89c3d2b1255656cff51b2ee02de4a29e03f594e0e8bdfcf33a57d67be5

Contents?: true

Size: 521 Bytes

Versions: 948

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

948 entries across 948 versions & 2 rubygems

Version Path
playbook_ui_docs-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui_docs-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx
playbook_ui-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx