Sha256: 82c2f4144e0e5904dbd574d600fbe51b255cb4eac91bd788bfa923f6dfd6a8a7

Contents?: true

Size: 399 Bytes

Versions: 1886

Compression:

Stored size: 399 Bytes

Contents

import React from 'react'
import DistributionBar from '../_distribution_bar'

const DistributionBarCustomColors = (props) => {
  return (
    <React.Fragment>
      <div>
        <DistributionBar
            colors={['data_7', 'data_1', 'neutral']}
            widths={[4, 5, 3]}
            {...props}
        />
      </div>
    </React.Fragment>
  )
}

export default DistributionBarCustomColors

Version data entries

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

Version Path
playbook_ui_docs-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown813 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown813 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-12.26.0.pre.alpha.alphafix812 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-12.26.0.pre.alpha.alphafix812 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-12.26.0.pre.alpha.alphafix810 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-12.26.0.pre.alpha.alphafix810 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-12.26.0.pre.alpha.railsmultilevelimprovements805 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-12.26.0.pre.alpha.railsmultilevelimprovements805 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-12.26.0.pre.alpha.multiselectfixes798 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-12.26.0.pre.alpha.multiselectfixes798 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-12.26.0.pre.alpha.multiselectfixes797 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-12.26.0.pre.alpha.multiselectfixes797 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-12.26.0.pre.alpha.multiselectfixes796 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-12.26.0.pre.alpha.multiselectfixes796 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-12.26.0.pre.alpha.multiselectfixes795 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-12.26.0.pre.alpha.multiselectfixes795 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown794 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown794 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-12.25.0.pre.alpha.play824786 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-12.25.0.pre.alpha.play824786 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx