plus-minus

Web component that provides toggling plus/minus buttons, useful for expand/collapse functionality.

Installation

Via node_modules / ES modules / import maps

<script type=importmap>
{
    "imports": {
        "be-based/": "../node_modules/be-based/",
        "be-decorated/": "../node_modules/be-decorated/",
        "be-definitive/": "../node_modules/be-definitive/",
        "be-exportable/": "../node_modules/be-exportable/",
        "be-having/": "../node_modules/be-having/",
        "be-hive/": "../node_modules/be-hive/",
        "be-importing/": "../node_modules/be-importing/",
        "be-written/": "../node_modules/be-written/",
        "plus-minus/": "../node_modules/plus-minus/",
        "stream-orator/": "../node_modules/stream-orator/",
        "trans-render/": "../node_modules/trans-render/",
        "xtal-element/": "../node_modules/xtal-element/"
    }
}
</script>
<plus-minus enh-be-importing=plus-minus/root.html></plus-minus>
<plus-minus aria-controls=i-am-here></plus-minus>
<section id=i-am-here>
    hello
</section>

Via CDN:

<plus-minus enh-be-importing="plus-minus/root.html"></plus-minus>
<plus-minus aria-controls=i-am-here></plus-minus>
<section id=i-am-here>
    hello
</section>
<script type=importmap>
    {
        "imports": {
            "plus-minus/": "https://cdn.jsdelivr.net/npm/plus-minus@0.0.12/"
        }
    }
</script>
<script type=module src=https://esm.run/be-importing@0.0.77/behivior.js crossorigin=anonymous></script>
<script type=module src=https://esm.run/xtal-element@0.0.596/xtal-element.js crossorigin=anonymous></script>