minsky-kit/js/factories/NavBarFactory.js

Kit of components for MINSKY web agency

// imports
import { strToDom } from '../utils/dom';
import { strToCssClass } from '../utils/css';

// methods
export function generateNavBarDropdown (label) {
    return strToDom(`
    <li class="${strToCssClass('navigation', 'item')} ${strToCssClass('navigation', 'item', 'navBarDropDown')} ${strToCssClass('navBarDropDown')}  ${strToCssClass('navBarDropDown', null, 'hidden')}">
        <span class="${strToCssClass('navBarDropDown')}">
            <span class="${strToCssClass('navBarDropDown', 'inner')}">
                <span class="${strToCssClass('navBarDropDown', 'title')}">
                    <a href="#" class="${strToCssClass('navBarDropDown', 'link')}">${label}...</a>
                </span>
                <ul class="${strToCssClass('navBarDropDown', 'list')}">

                </ul>
            </span>
        </span>
    </li>`);
}

export default {
    generateNavBarDropdown,
};