sk-toolbar

Skinny Widgets Toolbar

toolbar element

npm i sk-toolbar sk-toolbar-jquery --save

then add the following to your html

<sk-config
    theme="jquery"
    base-path="/node_modules/sk-core/src"
    theme-path="/node_modules/sk-theme-jquery"
    lang="ru"
    id="skConfig"
></sk-config>
<sk-toolbar id="skToolbar">
    <sk-toolbar-item>foo</sk-toolbar-item>
    <sk-toolbar-item>bar</sk-toolbar-item>
</sk-toolbar>
<script type="module">
    import { SkConfig } from '/node_modules/sk-config/src/sk-config.js';
    import { SkToolbar } from '/node_modules/sk-toolbar/src/sk-toolbar.js';

    customElements.define('sk-config', SkConfig);
    customElements.define('sk-toolbar', SkToolbar);
</script>

attributes

events

toolbaritemclick - triggered when toolbar item is clicked, detail: item - dom obj of item is clicked, origEvent - mouse click event

template

id: SkToolbarTpl