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-10.23.0.pre.cachetest app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.23.0.pre.alpha1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.22.1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.22.0 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.21.1.pre.alpha1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.21.0.pre.alpha.lightbox.2 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.21.0 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.21.0.pre.alpha.lightbox app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.21.0.pre.alpha.rg1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.21.0.pre.alpha.jg1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.21.0.pre.alpha.na1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.21.0.pre.alpha.jd1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.20.0 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.19.0 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.19.0.pre.lightbox app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.18.2 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.19.0.pre.popover.alpha1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.18.1 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.18.0 app/pb_kits/playbook/pb_background/docs/_background_status.jsx
playbook_ui-10.17.0 app/pb_kits/playbook/pb_background/docs/_background_status.jsx