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.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md