Ability to set custom active class on Navigate component

[davidjbeaver]

Apologies if this has been mentioned before, but nothing quite like it in the existing issues list.

It would be handy if we could set a custom active class through the options when initializing the router.

Something similar to

{ "active-class" : "is-active"}

Currently it defaults to "active" but for many css libraries out there the active class for links has in built highlight for class names other than "active" (I use Bulma mainly which uses the "is-active" class).

I am happy to provide a pull request if you like, as I think it would be a simple case of adding another export to the spa_router for "activeClass" and then using this within the Navigate component.

[jorgegorka]

Hi @davidjbeaver

Here you can find an example for routeIsActive a helper that you can use to see if the current route is the active one.

https://github.com/jorgegorka/demanda/blob/master/frontend/src/views/protected/admin/layout/main_menu/item.svelte

Hope it helps.