@navinc/base-react-components/src/divider.story.js

Nav's Pattern Library

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>
)