Sha256: f5257bee4f4cbe19e32fba74eef12b78fe2d3aa4a21fc1e38c335eb97546a14b

Contents?: true

Size: 454 Bytes

Versions: 673

Compression:

Stored size: 454 Bytes

Contents

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

const LegendCustomColors = (props) => (
  <div>
    <Legend
        color="#dc418a"
        text="Custom Legend Color 1"
        {...props}
    />
    <Legend
        color="#3ef0b8"
        text="Custom Legend Color 2"
        {...props}
    />
    <Legend
        color="#ab8b04"
        text="Custom Legend Color 3"
        {...props}
    />
  </div>
)

export default LegendCustomColors

Version data entries

673 entries across 673 versions & 2 rubygems

Version Path
playbook_ui_docs-14.9.0.pre.rc.2 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui-14.9.0.pre.rc.2 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui_docs-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4567 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4567 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui_docs-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4565 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4565 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui_docs-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui_docs-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui_docs-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
playbook_ui-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx