Sha256: 04aff2df24457a6ed77b66f2e47b1532f19353f5a2aa6fd6ff7a52f607305acf

Contents?: true

Size: 584 Bytes

Versions: 1330

Compression:

Stored size: 584 Bytes

Contents

The `collapsed` prop (boolean; default = true) handles the collapsed state of a collapsible. Set it to 'false' and the collapsible will render in an expanded state on page load.

You can also control the collapsed state using an external control (like a button). To do this, you must first apply a unique id to the collapsible/collapsible_content child element. You can then attach an eventListner to the external control of your choice, pass it the id as an argument and use `document.dispatchEvent(new CustomEvent(id))` to trigger the action. See the code example below for details.

Version data entries

1,330 entries across 1,330 versions & 2 rubygems

Version Path
playbook_ui_docs-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md