toggle-trait

Turn a button into a toggle button.

Example syntax:

<toggle-trait upgrade=sl-icon-button if-wants-to-be=a-toggle-button></toggle-trait>

<sl-icon-button name=card-list be-a-toggle-button>Open Drawer</sl-icon-button>


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.16/dist/shoelace/shoelace.css">
<script type="module">
    import("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.16/dist/shoelace/shoelace.esm.js");
</script>
<script type=module>
    import '../toggle-trait.js';
</script>