Sha256: ce6f1e842b4b386713295021607426e9eaad3093c109b8d2a398f56b1b955a1c
Contents?: true
Size: 860 Bytes
Versions: 72
Compression:
Stored size: 860 Bytes
Contents
import React from "react"
import { SectionSeparator, Flex, Detail, Icon } from "playbook-ui"
const children = (
<Flex padding="xs">
<Icon color="primary"
icon="arrow-down"
/>
<Detail
color="link"
size="sm"
text="Children"
/>
</Flex>
)
const SectionSeparatorColor = (props) => {
return (
<div>
<SectionSeparator text="Default Separator"
{...props}
/>
<SectionSeparator color="primary"
text="Primary Separator"
{...props}
/>
<SectionSeparator
color="primary"
lineStyle="dashed"
text="Primary Dashed Separator"
{...props}
/>
<SectionSeparator color="primary"
{...props}
>
{children}
</SectionSeparator>
</div>
)
}
export default SectionSeparatorColor
Version data entries
72 entries across 72 versions & 2 rubygems