Sha256: d5de0f265820ebf15a75ab195f714355633679300182bac0b2c3a63c59846fa8

Contents?: true

Size: 1.32 KB

Versions: 948

Compression:

Stored size: 1.32 KB

Contents

import React from 'react'
import { Collapsible } from 'playbook-ui'

const CollapsibleDefault = (props) => (
  <Collapsible >
    <Collapsible.Main {...props}>
      <div>{'Main Section'}</div>
    </Collapsible.Main>
    <Collapsible.Content>
      <div>
        {
          'Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel erat sed purus hendrerit viverra. Duis et vestibulum metus. Sed consequat ut ante non vehicula. Etiam nunc massa, pharetra vel quam id, posuere rhoncus quam. Quisque imperdiet arcu enim, nec aliquet justo auctor eget. Curabitur in metus nec nunc rhoncus faucibus vitae ac elit. Nulla facilisi. Vestibulum quis pretium nulla. Nulla ut accumsan velit. Duis varius urna sed sem tempor, sit amet fermentum nibh auctor. Praesent lorem arcu, egestas non ante quis, placerat pellentesque lectus.Vestibulum lacinia ipsum quis venenatis tristique. Vivamus suscipit, libero eu fringilla egestas, orci urna commodo arcu, vel gravida turpis ipsum molestie nibh. Donec cursus eu ante sagittis ultrices. Phasellus id sagittis risus. Mauris dapibus neque faucibus, tempor ligula vel, cursus ante. Donec faucibus gravida porta. Nullam egestas est quis aliquam feugiat. Sed eget metus diam. Cras eget placerat libero.'
        }
      </div>
    </Collapsible.Content>
  </Collapsible>
)

export default CollapsibleDefault

Version data entries

948 entries across 948 versions & 2 rubygems

Version Path
playbook_ui-14.0.0.pre.alpha.PBNTR416formpillsizes3521 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui-14.0.0.pre.alpha.PLAY15063520 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui_docs-14.0.0.pre.alpha.PLAY14923518 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui-14.0.0.pre.alpha.PLAY14923518 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui_docs-14.0.0.pre.alpha.PLAY15063511 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui-14.0.0.pre.alpha.PLAY15063511 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui_docs-14.0.0.pre.alpha.PA1477timestampkit3509 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui-14.0.0.pre.alpha.PA1477timestampkit3509 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui_docs-14.0.0.pre.alpha.PLAY14733507 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui-14.0.0.pre.alpha.PLAY14733507 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui_docs-14.0.0.pre.alpha.PBNTR416formpillsizes3506 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui-14.0.0.pre.alpha.PBNTR416formpillsizes3506 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui_docs-14.0.0.pre.alpha.PA1477timestampkit3502 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui-14.0.0.pre.alpha.PA1477timestampkit3502 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui_docs-14.0.0.pre.alpha.PBNTR415starratingform3493 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui-14.0.0.pre.alpha.PBNTR415starratingform3493 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui_docs-14.0.0.pre.alpha.PBNTR415starratingform3492 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui-14.0.0.pre.alpha.PBNTR415starratingform3492 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui_docs-14.0.0.pre.alpha.PLAY1475bumpaxecoredependency3483 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
playbook_ui-14.0.0.pre.alpha.PLAY1475bumpaxecoredependency3483 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx