{{isactive}} handlebars helper. Adds an 'active' class to the 'current page'. Class can be customized.
Switch branches/tags
Nothing to show
Latest commit a8db567 Mar 11, 2015 @jonschlinkert jonschlinkert Merge pull request #1 from LeZuse/fix/repo-name
Fix case sensitive npm repo name


{{isActive}} NPM version

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


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

Register the helper

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

License and Copyright

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