-select label="Size" *value="size">
            <sl-option *each="['small', 'medium', 'large']" *value="item">${ item }</sl-option>
        </sl-select>
        <br>
        <sl-switch *checked="disabled">Disabled</sl-switch>
        <sl-switch *checked="focus" disabled>Focus</sl-switch>
        <sl-switch *checked="pill">Pill</sl-switch>
        <sl-switch *checked="useIcon">UseIcon</sl-switch>
        <h3>The state part:</h3>
        <span>The event triggered: ${ eventType }</span>
        <h3>The demonst