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_docs-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui_docs-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui_docs-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui_docs-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui_docs-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui_docs-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui_docs-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui_docs-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx