get operationMode() {
    return 'select';
  }
LionSelect: wraps the native HTML element select

<lion-select>
  <label slot="label">My Input</label>
  <select slot="input">
   <option value="top">top</option>
   <option value="bottom">bottom</option>
  </select>
</lion-select>

You can preselect an option by setting the property modelValue.
  Example:
    <lion-select .modelValue="${'<value of option 2>'}">

It extends LionField so it inherits required and disabled.

The option element needs to be a direct child of the select element.

You cannot use interactive elements inside the options. Avoid very long names to
facilitate the understandability and perceivability for screen reader users. Sets of options
where each option name starts with the same word or phrase can also significantly degrade
usability for keyboard and screen reader users.

@customElement lion-select