Sha256: 4d1b19c469914a43a764fb66d88119fa702b9cb092ce24c2b8f7c6614037f4ce

Contents?: true

Size: 819 Bytes

Versions: 1007

Compression:

Stored size: 819 Bytes

Contents

import React from 'react'
import { Background } from 'playbook-ui'
import { Flex } from 'playbook-ui'

const BackgroundStatusSubtle = (props) => (
<Flex
    gap="md"
    justify="center"
    wrap
>
    <Background
        backgroundColor="success_subtle"
        padding="xl"
        {...props}
    />
    <br />
    <Background
        backgroundColor="warning_subtle"
        padding="xl"
        {...props}
    />
    <br />
    <Background
        backgroundColor="error_subtle"
        padding="xl"
        {...props}
    />
    <br />
    <Background
        backgroundColor="info_subtle"
        padding="xl"
        {...props}
    />
    <br />
    <Background
        backgroundColor="neutral_subtle"
        padding="xl"
        {...props}
    />
    <br />
  </Flex>
)

export default BackgroundStatusSubtle

Version data entries

1,007 entries across 1,007 versions & 2 rubygems

Version Path
playbook_ui_docs-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui_docs-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui_docs-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui_docs-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui_docs-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui_docs-14.12.0.pre.alpha.playrailsinputmaskissue5775 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui-14.12.0.pre.alpha.playrailsinputmaskissue5775 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5757 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5757 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5754 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5754 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751 app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx