Components

Select

Native select, styled to match Input exactly.

Basic

<select> is the component — styled bare, no class.

Select

Markup

<select style="max-width: 20rem;">
  <option>Day</option>
  <option selected="">Week</option>
  <option>Month</option>
  <option>Year</option>
</select>

Disabled

Markup

<select disabled="" style="max-width: 20rem;"><option>Week</option></select>

The chevron is the one place in this component set that cannot reach a var(--gl-*) token — a data-URI background-image cannot reference a custom property, so its stroke is a literal hex, kept close to --gl-color-text-secondary and commented in the source.

API

Element / attribute	Values	Notes
`select`		Required base — no class.
`option`
`disabled`	boolean