Sha256: 04aff2df24457a6ed77b66f2e47b1532f19353f5a2aa6fd6ff7a52f607305acf

Contents?: true

Size: 584 Bytes

Versions: 1454

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,454 entries across 1,454 versions & 2 rubygems

Version Path
playbook_ui_docs-14.14.0.pre.rc.4 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.14.0.pre.rc.4 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.13.0.pre.alpha.play1900progresspillwidth6122 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.13.0.pre.alpha.play1900progresspillwidth6122 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.13.0.pre.alpha.play1754pbtagprogressradio6121 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.13.0.pre.alpha.play1754pbtagprogressradio6121 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.13.0.pre.alpha.pbntr799collapsiblerowswithcustomclick6117 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.13.0.pre.alpha.pbntr799collapsiblerowswithcustomclick6117 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.13.0.pre.alpha.PLAY1873rails86115 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.13.0.pre.alpha.PLAY1873rails86115 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.14.0.pre.rc.3 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.14.0.pre.rc.3 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.13.0.pre.alpha.PLAY1873rails86087 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.13.0.pre.alpha.PLAY1873rails86087 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.13.0.pre.alpha.PBNTR5596084 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.13.0.pre.alpha.PBNTR5596084 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.13.0.pre.alpha.play1851checkboxreacthook6083 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.13.0.pre.alpha.play1851checkboxreacthook6083 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui_docs-14.14.0.pre.rc.2 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md
playbook_ui-14.14.0.pre.rc.2 app/pb_kits/playbook/pb_collapsible/docs/_collapsible_external_controls.md