ll">Pill</sl-switch>
        <sl-switch *checked="circle">Circle</sl-switch>
        <sl-switch *checked="caret">Caret</sl-switch>
        <sl-switch *checked="loading">Loading</sl-switch>
        <sl-switch *checked="disabled">Disabled</sl-switch>
        <sl-switch *checked="focus" disabled>Focus</sl-switch>
        <h3>The demonstration part:</h3>
        <sl-button-group label="Alignment">
            <sl-button *each="['left', 'center', 'right']" *type *variant *size *outline *pill *circle *caret *load