Sha256: 82c2f4144e0e5904dbd574d600fbe51b255cb4eac91bd788bfa923f6dfd6a8a7

Contents?: true

Size: 399 Bytes

Versions: 1554

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

Version Path
playbook_ui_docs-14.8.0.pre.alpha.PLAY1658tanstackbump4657 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1658tanstackbump4657 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-14.8.0.pre.alpha.play1648heightglobalprops4606 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4606 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui_docs-14.9.0.pre.rc.4 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-14.9.0.pre.rc.4 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx