Will there be a collapsible component?

[MAST1999]

I was looking for a Collapsible component similar to this component from zag-js https://zagjs.com/components/react/collapsible

BTW, it's kinda off-topic, but I accidentally found that we have an accordion in the repo, but it's not exposed.
https://github.com/adobe/react-spectrum/tree/main/packages/%40react-aria/accordion

Is it still a work in progress?

[yihuiliao]

Accordion is still in a very early state and we haven't been able to prioritize working on it. You're welcome to try it out but understand that you do so at your own risk since it is still unstable. See https://react-spectrum.adobe.com/Support.html#pre-releases for more information about our versioning.

If you've already taken a look at our docs and haven't found anything like the collapsible component above, you can also check out our roadmap

[snowystinger]

A little more reference for why accordion hasn't been prioritized #1989 (comment)

Also, that collapsible looks like a styled dl/dd/dt, shouldn't need anything from us to make that hopefully.

[MAST1999]

Sorry I'm replying a bit late.

The collapsible is a combination of buttons and a div. On button press we hide the div's content and vise versa.

This requires us to implement the disclosure pattern: https://www.w3.org/WAI/ARIA/apg/patterns/disclosure

So it would be nice if it was provided.

Right now I'm using the zag-js's implantation (tweaked the API to make it look like react-aria.)

[devongovett]

You can just use the builtin browser one: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details That even has some nice benefits like auto expanding when you use Ctrl+F to search the page.

[MAST1999]

I dunno how I forgot about this...

Thanks 👍

[snowystinger]

just an fyi, https://react-spectrum.adobe.com/react-aria/Disclosure.html#disclosure is now released