GithubYarn FigmaEndringslogg
Intro
Select gir en bruker mulighet til å velge fra forhåndsvalgte svaralternativer.
Egnet til å:
- Erstatte RadioGroup ved over 7 valg
Vurder noe annet:
- Om svaralternativene ikke er dekkende for brukers behov
Har du innspill til komponenten?
Send forslagEksempler
Props
Select
- children ReactNode
- Collection of <option />-elements
- htmlSize? number
- Exposes the HTML size attribute
- label ReactNode
- Label for select
- hideLabel? boolean
- If enabled shows the label and description for screenreaders only
- style? CSSProperties
- Sets inline-style on select wrapper
- error? ReactNode
- Error message for element
- errorId? string
- Override internal errorId
- size? "medium" | "small"
- Changes font-size, padding and gaps
- disabled? boolean
- Disables element @note Avoid using if possible for accessibility purposes
- description? ReactNode
- Adds a description to extend labling of a field
- id? string
- Override internal id
- className? string
- ref? Ref<HTMLSelectElement>
- Select extends HTMLSelectElement
Tokens
Token | Fallback |
--ac-select-bg | --a-surface-default |
--ac-select-border | --a-border-strong |
--ac-select-hover-bg | --a-border-action |
--ac-select-error-border | --a-surface-danger |