Sha256: 5e6877a36793a97bccfa1b3e4316c6b3758ff167e43c9380eb8ef0953eb3acda

Contents?: true

Size: 614 Bytes

Versions: 676

Compression:

Stored size: 614 Bytes

Contents

import React from 'react'
import { Detail } from '../..'

const DetailColors = (props) => (
  <div>
    <Detail
        color="default"
        text="I am a detail kit"
        {...props}
    />

    <Detail
        color="lighter"
        text="I am a detail kit"
        {...props}
    />

    <Detail
        color="link"
        text="I am a detail kit"
        {...props}
    />

    <Detail
        color="error"
        text="I am a detail kit"
        {...props}
    />

    <Detail
        color="success"
        text="I am a detail kit"
        {...props}
    />
  </div>
)

export default DetailColors

Version data entries

676 entries across 676 versions & 2 rubygems

Version Path
playbook_ui-13.33.0.pre.alpha.PBNTR405dropdownformfixesrails3311 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui_docs-13.33.0.pre.alpha.PLAY1454formpillicons3309 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui-13.33.0.pre.alpha.PLAY1454formpillicons3309 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui-13.33.0 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui_docs-13.32.0.pre.alpha.PBNTR405dropdownformfixesrails3301 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui-13.32.0.pre.alpha.PBNTR405dropdownformfixesrails3301 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui_docs-13.32.0.pre.alpha.PLAY1138iconkitaddcolorprop3268 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui-13.32.0.pre.alpha.PLAY1138iconkitaddcolorprop3268 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui_docs-13.32.0.pre.alpha.play1416movealiaslogic3266 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui-13.32.0.pre.alpha.play1416movealiaslogic3266 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui_docs-13.32.0.pre.alpha.play1416movealiaslogic3239 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui-13.32.0.pre.alpha.play1416movealiaslogic3239 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui_docs-13.32.0.pre.alpha.PLAY14103236 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui-13.32.0.pre.alpha.PLAY14103236 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui_docs-13.31.0.pre.alpha.play1416movealiaslogic3232 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui-13.31.0.pre.alpha.play1416movealiaslogic3232 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui_docs-13.31.0.pre.alpha.PBNTR342navtabbing3231 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui-13.31.0.pre.alpha.PBNTR342navtabbing3231 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui_docs-13.31.0.pre.alpha.PBNTR342navtabbing3230 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
playbook_ui-13.31.0.pre.alpha.PBNTR342navtabbing3230 app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx