Sha256: 4b4f6a9aabb8c6c0e7298ac997fddaa7d370fb208d488bd4c114e93adbfd3b6e

Contents?: true

Size: 881 Bytes

Versions: 114

Compression:

Stored size: 881 Bytes

Contents

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

const SectionSeparatorVertical = () => {
  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 orientation="vertical" />
      <FlexItem>
        {'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'}
      </FlexItem>
      <SectionSeparator 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

114 entries across 114 versions & 1 rubygems

Version Path
playbook_ui-7.3.0.pre.alpha2 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.1.2 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.1.0.pre.alpha2 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.1.1.pre.alpha1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.0.1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.1.1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.1.0.pre.alpha1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.1.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.0.1.pre.alpha15 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-6.8.2.pre.alpha1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.0.0.pre.alpha15 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.0.1.pre.alpha14 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.0.0.pre.alpha14 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.0.0.pre.alpha13 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.0.0.pre.alpha12 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.0.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-7.0.0.pre.alpha11 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-6.8.1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-6.8.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
playbook_ui-6.7.0.pre.alpha1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx