barrelstrength/sproutactive

Simplify navigation and URL-based logic in your templates.

, _(*1)

In an effort to reduce the number of packages we publicly maintain, Sprout Active will not be migrated to Craft 4. If you'd like to take the helm or take responsibility over maintaining the repository please reach out: sprout@barrelstrengthdesign.com., _(*2)

Sprout Active

Overview

Simplify navigation and URL-based logic in your templates., _(*3)

Sprout Active makes it simple to control the active classname in your navigation or conditional content based on your URL segments or your full URL., _(*4)

Usage

Sprout Active provides the active and activeClass Twig Filters to test for matching URL segments and output a class to make an element active., _(*5)

The most simple version of these filters will match the first segment in the URL http://example.com/about-us. If no match is found, they will return blank., _(*6)

``` twig {{ active('about-us') }} {# Output if match: active #}, <sub>(*7)</sub>

{{ activeClass('about-us') }} {# Output if match: class="active" #}, <sub>(*8)</sub>

{{ activeClass(entry.slug) }} ```, <sub>(*9)</sub>

See the documentation for more advanced use cases., <sub>(*10)</sub>

Documentation

See the Sprout Website for documentation, guides, and additional resources., <sub>(*11)</sub>

Support

• Send a Support Ticket via the Sprout Website.
• Create an issue on Github.

, <sub>(*12)</sub>