@navinc/base-react-components
Version:
Nav's Pattern Library
30 lines (26 loc) • 571 B
JavaScript
import styled from 'styled-components'
import { Divider } from './divider.js'
import readme from './divider.readme.md'
import { StandardCard } from './standard-card.js'
import { Copy } from './copy.js'
const StyledDiv = styled.div`
padding: 24px;
`
export default {
title: 'General/Divider',
component: Divider,
parameters: {
readme: { content: readme },
},
}
export const Basic = () => (
<StyledDiv>
<Copy>In Card</Copy>
<StandardCard>
<Divider />
</StandardCard>
<br />
<Copy>No Card</Copy>
<Divider />
</StyledDiv>
)