Active class using page.url - how to?

[jasonday]

#22

The references in the above issue are no longer active. Is there a how to on incorporating active class (and aria-current="page") on navigation links?

[jasonday]

and of course I stumbled on this immediately after posting:
https://bryanlrobinson.com/blog/using-nunjucks-if-expressions-to-create-an-active-navigation-state-in-11ty/

Is nunjucks the preferred method or is there an 11ty approach?

[Ryuno-Ki]

Is nunjucks the preferred method or is there an 11ty approach?

Considering #1103 chances are, that Nunjucks will get some priority.

[zachleat]

Nunjucks is a very popular templating language in Eleventy. But yes I’d say the commentary on #1103 should probably provide more clues. I’ve been loving the upcoming Vue + Eleventy lately 👀

[zachleat]

I should also note some examples of this with pagination here: https://www.11ty.dev/docs/pagination/nav/#starter-example

[zachleat]

This is an automated message to let you know that a helpful response was posted to your issue and for the health of the repository issue tracker the issue will be closed. This is to help alleviate issues hanging open waiting for a response from the original poster.

If the response works to solve your problem—great! But if you’re still having problems, do not let the issue’s closing deter you if you have additional questions! Post another comment and I will reopen the issue. Thanks!