Native Select
Choose an option with the browser's native select control.
Preview
Import
import { NativeSelect } from "@sigil-ui/components";Usage
<NativeSelect className="w-full max-w-xs" defaultValue="published">
<option value="draft">Draft</option>
<option value="review">In Review</option>
<option value="published">Published</option>
<option value="archived">Archived</option>
</NativeSelect>Props
| Prop | Type | Default | Description |
|---|---|---|---|
error | string | boolean | — | Error configuration. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-input-height | Input height |
--s-radius-input | Radius input |
--s-radius-md | Radius md |
--s-border-style | Border style |
--s-background | Background |
--s-duration-fast | Duration fast |
--s-surface | Surface |
--s-text-muted | Text muted |
--s-error | Error |
--s-border | Border |
--s-primary | Primary |