Sha256: 82c2f4144e0e5904dbd574d600fbe51b255cb4eac91bd788bfa923f6dfd6a8a7

Contents?: true

Size: 399 Bytes

Versions: 1827

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

Version Path
playbook_ui-11.4.0.pre.alpha.rubytheme1 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-11.4.0 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-11.3.0.pre.alpha2 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-11.3.0.pre.alpha1 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-11.3.0 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-11.2.4 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx
playbook_ui-11.2.4.pre.alpha1 app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.jsx