Is there a way to customise the Disclosure component?

[arpitbatra123]

Below is a screenshot of a design that I'm trying to create using Paste.

I need to separate the Tasks list into separate sections and I think the Disclosure component is the way to go to do it. However, the Disclosure component is not customizable via props. Is there a way around this? I mainly want to customize the border radius for the heading and padding for the disclosure content. Here's what I've been able to achieve with Paste:

[nkrantz]

Hi @arpitbatra123! Our Disclosure component (similar to most of our components) has few modifiable styles. We build our components that way to increase visual cohesion across the Twilio product suite. The package's Disclosure Content has a set padding.

Because our styles don't always fit every single use case, we also offer primitives for common components, which are accessible and functional basic components without any styling. I think your best bet to achieve your desired disclosure behavior would be to build on top of our Disclosure Primitive. (Feel free to check out how we've built the sidebar navigation disclosure components for our own documentation site.)

[arpitbatra123]

Hey @nkrantz Thanks for answering, I'll check out the Disclosure Primitive!