Select

A real <select>, so it keeps the platform picker on phones and full keyboard support everywhere, wearing the same field styling as Input.

import { Field, Select } from '@andrewbehma/glass-ui';

Playground

Select.tsx

import { Field, Select } from '@andrewbehma/glass-ui';

<Field label="Digest frequency" htmlFor="digest">
  <Select id="digest" defaultValue="weekly">
    <option value="daily">Daily</option>
    <option value="weekly">Weekly</option>
    <option value="never">Never</option>
  </Select>
</Field>

States

Each tile is the live component. Open one in the playground to keep tweaking it.

Surface
Disabled