Sha256: f42b6f54bd1e2b9fa6880b7a87646d998509b1018b73b927cda65e19d61bc572

Contents?: true

Size: 960 Bytes

Versions: 137

Compression:

Stored size: 960 Bytes

Contents

import React from 'react'
import { Flex, FlexItem, SectionSeparator } from '../../'

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

137 entries across 137 versions & 1 rubygems

Version Path
playbook_ui-9.19.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.19.0.pre.alphafonts app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.18.0.flow.bin.alpha app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.18.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.17.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.17.0.pre.decouple.website2 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.16.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.15.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.15.0.pre.decouple.website1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.14.1.alpha.radio.alignment app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.14.1.alpha.highcharts9 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.14.1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.13.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.12.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.12.0.pre.text.addon app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.11.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.10.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.10.0.pre.date.time.stacked.1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.10.0.pre.alpha2 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-9.10.0.pre.alpha1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx