How can I make the vertical space between buttons in the nav bar close to zero? | Mantine | Page 1

raven gazelle Jun 17, 2024, 2:04 AM

#

I can get square buttons that fit tight against the width of the nav bar but they have a large space between them vertically. I want them to be tight (close to zero) as well.

humble nest Jun 17, 2024, 7:10 AM

#

Would need to see your code. But im assuming you are using a Stack? Then set gap={0} or gap={2}

raven gazelle Jun 17, 2024, 2:07 PM

#

No, just using the out of the box capability of the NavBar. Where you simply list the action icon components.

#

#

Like so. Where p=0 gets the the tight spacing left to right.

#

Oh, maybe it

#

it's a group property?

noble shoal Jun 17, 2024, 7:11 PM

#

Use Stack with gap={0}. Or, you'd probably be able to get away with no wrapper at all. I wouldn't use Group here anyway as it's more suited for horizontal flex.

raven gazelle Jun 17, 2024, 8:35 PM

#

thanks

raven gazelle Jun 18, 2024, 11:52 PM

#

Can I supply my own icon image for the checkbox?

raven gazelle Jun 19, 2024, 12:33 AM

#

Sure looks like it. Thanks.

raven gazelle Jun 19, 2024, 5:09 AM

#

Wow, pretty rich set of props and capabilities. How do these play with the light-dark prop?

#How can I make the vertical space between buttons in the nav bar close to zero?