## Select
Pick one value (or several) from a known set — with type-to-search — rendered through the shared Select.
Tier: composite-antd. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.
Default to the HTML snippet — a CDN-React runnable page (React + antd loaded from a CDN, no build step) — React/Vue use the same shared-themed DataTable via your bundler.
Surfaces: editor, dashboard, settings.
Props:
- options: { label, value }[], default []. The selectable set
- value: string | string[], default —. Selected value(s); array when mode=multiple
- showSearch: boolean, default true. Type to filter options
- mode: single | multiple | tags, default single. Selection cardinality
- size: small | default | large, default default. Control height 24 / 32 / 40
- status: error | warning, default —. Validation border colour
- allowClear: boolean, default false. Show an × to clear the selection
- disabled: boolean, default false. Non-interactive, muted control
- loading: boolean, default false. Spinner while async options load
- placeholder: string, default —. Hint shown when empty
- onChange: (value) => void, default —. Fires with the new selection
Tokens: colorPrimary, borderRadius, controlHeight, colorBorder, Select.optionSelectedBg, Select.optionActiveBg.
Use when: Select (one value from a known set of more than ~5 options — don't make the user type it); Radio (2–5 mutually-exclusive options all worth showing at once); Input (free text that isn't a known set).