form-multi-switch: manual registration

This example imports the local class module and registers the element explicitly. You can also import the class from a CDN.

Import without automatic registration

<form-multi-switch>
  <fieldset>
    <legend>Reading layout</legend>
    <label><input type="radio" name="layout"
      value="list" checked>List</label>
    <label><input type="radio" name="layout"
      value="grid">Grid</label>
    <label><input type="radio" name="layout"
      value="table">Table</label>
  </fieldset>
</form-multi-switch>

import { FormMultiSwitchElement } from '../form-multi-switch.js';
customElements.define('form-multi-switch', FormMultiSwitchElement);

Reading layout List Grid Table

To use esm.sh on your own site, pin the CDN import. The component installs its default styles automatically:

Register the class yourself

Import without automatic registration