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-11.0.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-11.0.0.pre.alpha.2 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-11.0.0.pre.alpha.1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.26.1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.27.0.pre.lazysizes1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.27.0.pre.datepicker1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.26.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.26.0.pre.alpha5 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.26.0.pre.rc1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.26.0.pre.alpha.sticky1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.26.0.pre.alpha.display1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.26.0.pre.alpha3 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.25.1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.26.0.pre.alpha1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.25.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.25.0.pre.alpha3 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.25.0.pre.treeshaking1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.24.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.24.0.pre.alpha1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-10.23.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx