Select

Desplegable accesible (Radix).

Básico

Vista previa

<Select defaultValue="pro">
  <SelectTrigger>
    <SelectValue placeholder="Elige un plan" />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="free">Free</SelectItem>
    <SelectItem value="pro">Pro</SelectItem>
  </SelectContent>
</Select>

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Claro · base

Oscuro · base

Claro · emerald

Oscuro · violet