choo/example/components/footer/filter-button.js

A 4kb framework for creating sturdy frontend applications

var html = require('nanohtml')

module.exports = filterButton

function filterButton (name, filter, currentFilter, emit) {
  var filterClass = filter === currentFilter
    ? 'selected'
    : ''

  var uri = '#' + name.toLowerCase()
  if (uri === '#all') uri = '/'

  return html`<li>
    <a href=${uri} class=${filterClass}>
      ${name}
    </a>
  </li>`
}