#Label size for <NavLink>

11 messages · Page 1 of 1 (latest)

tropic temple
#

How can I change the label size of <NavLink >? I can change the size of the icon but not the text.

wicked vapor
tropic temple
#

This gives error:

<NavLink label="Home" styles={ label: { fontSize: '2rem' } } icon={<IconHome2 size="1rem" />} />

#

Found a solution:

<NavLink label="Home" styles={{"label": { "fontSize": '2rem' }}} icon={<IconHome2 size="1rem" />} />

#

Thank you!

#

But do I need to style that on per component basis? How can I set a default font size for all components?

wicked vapor
tropic temple
#

Great! Thanks. Last thing, there seems to be no href attribute to NavLink and I see nothing about it in the docs.

wicked vapor
tropic temple
#

Using that, when switching page the page reloads. If I use native <Link> the page does not refresh

wicked vapor