{{isactive}} handlebars helper. Adds an 'active' class to the 'current page'. Class can be customized.


Generate relative links from the "current page" to other dest pages.

Use npm to install the package: npm i handlebars-helper-isActive.

In your project's Gruntfile, to register the helper add handlebars-helper-isActive to the helpers property in the Assemble task or target options:

  assemble: {
    options: {
      // the 'handlebars-helper-isActive' npm module must also be listed in 
      // devDependencies for assemble to automatically resolve the helper 
      helpers: ['handlebars-helper-isActive', 'foo/*.js']
    files: {
      'dist/': ['src/templates/*.hbs']

Alternatively, you can avoid defining the helper in the Assemble task options by adding module to both the devDependencies and keywords in your project's package.json.

  "name": "foo",
  "version": "0.1.0",
  "devDependencies": {
    "handlebars-helper-isActive": "*"
  "keywords": [

With the helper registered, you may now begin using it in your templates.

Examples also shows the {{autolink}} helper.

In a "page"

{{#each pages}}
  <a href="{{autolink}}" {{isActive}}>{{data.title}}</a>

In a "layout"

{{#each pages}}
  <a href="{{autolink}}" {{isActive}}>{{../title}}</a>

Renders to:

<a href="foo.html" class="active">Foo</a>
<a href="bar.html">Bar</a>
<a href="baz.html">Baz</a>

Jon Schlinkert

Licensed under the MIT License Copyright (c) Jon Schlinkert, contributors.