Sha256: 27e5f8fc6621623e33b184435d19ec465edaacbcb90d6d14c54b32d20bb44a9f

Contents?: true

Size: 1.02 KB

Versions: 1919

Compression:

Stored size: 1.02 KB

Contents

import React from 'react'

import SectionSeparator from '../_section_separator'

import Flex from '../../pb_flex/_flex'
import FlexItem from '../../pb_flex/_flex_item'

const SectionSeparatorVertical = (props) => {
  return (
    <Flex
        inline="flex-container"
        vertical="stretch"
    >
      <FlexItem>
        {'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'}
      </FlexItem>
      <SectionSeparator
          {...props}
          orientation="vertical"
      />
      <FlexItem>
        {'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'}
      </FlexItem>
      <SectionSeparator
          {...props}
          orientation="vertical"
      />
      <FlexItem>
        {'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'}
      </FlexItem>
    </Flex>
  )
}

export default SectionSeparatorVertical

Version data entries

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

Version Path
playbook_ui-10.23.0.pre.alpha2 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.23.0.pre.cachetest app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.23.0.pre.alpha1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.22.1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.22.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.21.1.pre.alpha1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.21.0.pre.alpha.lightbox.2 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.21.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.21.0.pre.alpha.lightbox app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.21.0.pre.alpha.rg1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.21.0.pre.alpha.jg1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.21.0.pre.alpha.na1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.21.0.pre.alpha.jd1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.20.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.19.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.19.0.pre.lightbox app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.18.2 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.19.0.pre.popover.alpha1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.18.1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.18.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx