Sha256: 8dffb75be92ad67467a5da325790a37c7e06238326eef37ef33bbf18e76dafdc

Contents?: true

Size: 1.39 KB

Versions: 918

Compression:

Stored size: 1.39 KB

Contents

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

const CollapsibleIcons = (props) => {

  return (
  <>
  <Collapsible
      icon={['plus','minus']}
      iconColor='white'
  >
    <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 CollapsibleIcons

Version data entries

918 entries across 918 versions & 2 rubygems

Version Path
playbook_ui_docs-14.1.0.pre.alpha.PBNTR417addcolorsupdatedefaultcolor3608 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui-14.1.0.pre.alpha.PBNTR417addcolorsupdatedefaultcolor3608 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui_docs-14.1.0.pre.alpha.PBNTR449rtepreviewerrails3605 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui-14.1.0.pre.alpha.PBNTR449rtepreviewerrails3605 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui_docs-14.1.0.pre.alpha.PA1477timestampkit3601 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui-14.1.0.pre.alpha.PA1477timestampkit3601 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui_docs-14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3600 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui-14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3600 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui_docs-14.1.0.pre.alpha.pbntr373enablekitsforradio3595 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui-14.1.0.pre.alpha.pbntr373enablekitsforradio3595 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui_docs-14.1.0.pre.alpha.pbntr373enablekitsforradio3593 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui-14.1.0.pre.alpha.pbntr373enablekitsforradio3593 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui_docs-14.2.0 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui-14.2.0 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui_docs-14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3582 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui-14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3582 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui_docs-14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3579 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui-14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3579 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui_docs-14.1.0.pre.alpha.PBNTR455ganttchartPOC3569 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx
playbook_ui-14.1.0.pre.alpha.PBNTR455ganttchartPOC3569 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx