Sha256: d1aaf09baf767693e78ea665ef9db3a98e8033875057e27507311bc6d41610e7
Contents?: true
Size: 1.52 KB
Versions: 855
Compression:
Stored size: 1.52 KB
Contents
import React from 'react'
import { Background } from '../..'
import { Flex } from '../..'
const BackgroundStatus = (props) => (
<Flex
gap="md"
justify="center"
wrap
>
<Background
backgroundColor="success"
padding="xl"
{...props}
/>
<br />
<Background
backgroundColor="success_secondary"
padding="xl"
{...props}
/>
<br />
<Background
backgroundColor="warning"
padding="xl"
{...props}
/>
<br />
<Background
backgroundColor="warning_secondary"
padding="xl"
{...props}
/>
<br />
<Background
backgroundColor="error"
padding="xl"
{...props}
/>
<br />
<Background
backgroundColor="error_secondary"
padding="xl"
{...props}
/>
<br />
<Background
backgroundColor="info"
padding="xl"
{...props}
/>
<br />
<Background
backgroundColor="info_secondary"
padding="xl"
{...props}
/>
<br />
<Background
backgroundColor="neutral"
padding="xl"
{...props}
/>
<br />
<Background
backgroundColor="neutral_secondary"
padding="xl"
{...props}
/>
<br />
<Background
backgroundColor="primary"
padding="xl"
{...props}
/>
<br />
<Background
backgroundColor="primary_secondary"
padding="xl"
{...props}
/>
</Flex>
)
export default BackgroundStatus
Version data entries
855 entries across 855 versions & 2 rubygems