Sha256: d8ec82829816632c74dcc9c3a0f891e7eba2d893b0f4a3608e6d9a21da017e18

Contents?: true

Size: 813 Bytes

Versions: 44

Compression:

Stored size: 813 Bytes

Contents

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

const BackgroundStatus = (props) => (
  <div className="pb--doc-demo-row">
    <Background
        backgroundColor="success"
        padding="xl"
        {...props}
    />
    <br />
    <Background
        backgroundColor="warning"
        padding="xl"
        {...props}
    />
    <br />
    <Background
        backgroundColor="error"
        padding="xl"
        {...props}
    />
    <br />
    <Background
        backgroundColor="info"
        padding="xl"
        {...props}
    />
    <br />
    <Background
        backgroundColor="neutral"
        padding="xl"
        {...props}
    />
    <br />
    <Background
        backgroundColor="primary"
        padding="xl"
        {...props}
    />
  </div>
)

export default BackgroundStatus

Version data entries

44 entries across 44 versions & 1 rubygems

Version Path
playbook_ui-11.0.0.pre.alpha.2 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-11.0.0.pre.alpha.1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.26.1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.27.0.pre.lazysizes1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.27.0.pre.datepicker1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.26.0 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.26.0.pre.alpha5 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.26.0.pre.rc1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.26.0.pre.alpha.sticky1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.26.0.pre.alpha.display1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.26.0.pre.alpha3 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.25.1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.26.0.pre.alpha1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.25.0 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.25.0.pre.alpha3 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.25.0.pre.treeshaking1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.24.0 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.24.0.pre.alpha1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.23.0 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.23.0.pre.alpha2 app/pb_kits/playbook/pb_background/docs/_background_status.jsx