Access Collapsible context from Collapsible.Content wrapper

[kuus]

Hi guys, I am trying to understand how to access the context of the Collapsible, I just need the open state when wrapping a Collapsible.Content component into a custom component, is it doable? it seems there is no hook exposed for that..
thanks in advance!

[joaom00]

Hey @kuus, you can control the Collapsible passing open and onOpenChange

[kuus]

hi @benoitgrelard that is nice thanks, what is not ideal is to have overflow: hidden on the .AccordionContent as that would cut off stuff within the content. That CSS rule should be applied only just before the closing animation starts and removed when the opening animation ends.

Honestly I don't think I can achieve everything I would like without extending the primitives as in my previous comment's sample code.. Other things are in fact that the transition time should be controlled by a prop and that the animation should work also in reverse (using marginBottom) when a reverse prop is passed

[benoitgrelard]

what is not ideal is to have overflow: hidden on the .AccordionContent as that would cut off stuff within the content.

Not sure what content would be cut-off?

Honestly I don't think I can achieve everything I would like without extending the primitives as in my previous comment's sample code.. Other things are in fact that the transition time should be controlled by a prop and that the animation should work also in reverse (using marginBottom) when a reverse prop is passed

No worries, I'm just giving you solutions. At the end of the day if you don't feel the primitive is useful to you, you don't have to use it!

[kuus]

Not sure what content would be cut-off?

anyhting absolutely positioned within the AccordionContent that exceeds its boundary for instance some buttons or UI elements overlapping the edges, or even some wide shadows within the AccordionContent

No worries, I'm just giving you solutions. At the end of the day if you don't feel the primitive is useful to you, you don't have to
use it!

of course :) and thanks for that! I love using radix ui so far and I appreciate its design and extensibility

[kuus]

sorry @benoitgrelard just to be sure, so you do not intend to expose the use context hooks like useCollapsibleContext, correct?

[benoitgrelard]

We currently have no plans of doing that.