yoyo-bootstrap/menu-item.js

Bootstrap components for the actual DOM (built with yoyo)

const yo = require('yo-yo')
const Children = require('./children')
require('./less/dropdowns.less')

const MenuItem = function (props) {
  props = props || {}

  return yo`
    <li class=${(props.header && 'dropdown-header ' || ' ') +
    (props.divider && 'divider ' || '') +
    (props.disabled && 'disabled ' || '') +
    (props.active && 'active ' || '')}
        role="presentation">
      ${props.href && yo`
        <a href="${props.href}" target=${props.target || ''} onclick=${(props.onClick || function () {})} tabindex="-1">
          ${Children(arguments)}
        </a>` || Children(arguments)}
    </li>
    `
}

module.exports = MenuItem