Is it possible to reduce vertical padding of Collapse?

[xzilja]

Hey guys, I am trying to figure out how to make Collapse much smaller. So far I was able to reduce horizontal padding using css prop straight on it and made text smaller by using custom element for title. However, I can't figure out how to reduce vertical padding, as it is applied by another element that's nested inside Collapse. Would appreciate any pointers, thank you.

[tianenpang]

Hi @iljadaderko you can override the style of the elements inside Collapse by using the class selector.

Such as css={{ "& .nextui-something": {...} }} and here's an example codesandbox.io/s/collapse-vertical-padding-rxs3wq.

[ytkg]

It would be nice to have an isCompact property like Navbar.

[jrgarciadev]

Hey please update to v2.0 https://nextui.org/blog/nextui-v2, we added a compact accordion https://nextui.org/docs/components/accordion#compact