Sha256: ce6f1e842b4b386713295021607426e9eaad3093c109b8d2a398f56b1b955a1c

Contents?: true

Size: 860 Bytes

Versions: 72

Compression:

Stored size: 860 Bytes

Contents

import React from "react"
import { SectionSeparator, Flex, Detail, Icon } from "playbook-ui"

const children = (
  <Flex padding="xs">
    <Icon color="primary"
        icon="arrow-down"
    />
    <Detail
        color="link"
        size="sm"
        text="Children"
    />
  </Flex>
)

const SectionSeparatorColor = (props) => {
  return (
    <div>
      <SectionSeparator text="Default Separator"
          {...props}
      />
      <SectionSeparator color="primary"
          text="Primary Separator"
          {...props}
      />
      <SectionSeparator
          color="primary"
          lineStyle="dashed"
          text="Primary Dashed Separator"
          {...props}
      />
       <SectionSeparator color="primary"
           {...props}
       >
        {children}
      </SectionSeparator>
    </div>
  )
}

export default SectionSeparatorColor

Version data entries

72 entries across 72 versions & 2 rubygems

Version Path
playbook_ui-14.11.1 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui_docs-14.11.0.pre.rc.17 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui-14.11.0.pre.rc.17 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui-14.11.0 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui_docs-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui_docs-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui_docs-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui_docs-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui_docs-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui_docs-14.11.0.pre.rc.12 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui-14.11.0.pre.rc.12 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui_docs-14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5274 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui-14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5274 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui_docs-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx
playbook_ui-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx