Opening disclosures manually (complementing close())

[hartmut-co-uk]

Feature Request

Same as being able to close disclosures manually - I'd like to have an option to open disclosures manually.

Proposed solution

• open(focusableElement: HTMLElement | Ref<HTMLElement | null>): void
  • (same as close(focusableElement: HTMLElement | Ref<HTMLElement | null>): void
• Option: also add and expose toggle(focusableElement: HTMLElement | Ref<HTMLElement | null>): void

Use cases:

• 'Expand all sections' (& 'Collapse all sections')

References

• Programmatically close Disclosure Component #433
• Most components should be able to be opened programatically #1626
• https://github.com/tailwindlabs/headlessui/blob/main/packages/%40headlessui-vue/src/components/disclosure/disclosure.ts#L39
• https://headlessui.com/vue/disclosure#closing-disclosures-manually