Select

Display a custom styled (yet browser-native) select element and chose from three sizes.

'id', // inheritable
'invalid' => false,
'size' => 'md', // sm | md | lg
<x-select size="sm">
    <option>Euro</option>
    <option>Dollar</option>
    <option>Yen</option>
</x-select>

<x-select size="md">
    <option>Euro</option>
    <option>Dollar</option>
    <option>Yen</option>
</x-select>

<x-select size="lg">
    <option>Euro</option>
    <option>Dollar</option>
    <option>Yen</option>
</x-select>