- Accordion
- Alert
- Breadcrumbs
- Button
- Card
- Checkbox
- CheckboxGroup
- Chips
- DatePicker
- DescriptionList
- ErrorMessage
- ErrorSummary
- Fieldset
- FileUploader
- Footer
- Icon
- IconButton
- InlineButton
- Link
- LinkGroup
- MegaButton
- Modal
- NavigationTile
- OpenClose
- Pagination
- Panel
- Popover
- RadioGroup
- RolePicker
- ScrollToTopButton
- SearchField
- Select
- Spinner
- StepList
- Table
- Tabs
- Tag
- TextArea
- TextField
- TopBannerExternal
- TopBannerInternal
- Typografi
- Versjonshistorikk
Select
Pakke: ds-forms
Select (nedtrekksliste) gjør det mulig for brukeren å ta ett valg fra en liste med mange alternativer.
Eksempel
Egnet til:
- å ta ett valg blant mange alternativer (7 eller flere).
- plassere valg på et sted med lite plass.
Uegnet til:
- å velge noe fra få alternativer (For færre enn 7 elementer bør du bruke RadioGroup eller CheckboxGroup i stedet)
- navigasjon.
Teknisk dokumentasjon
Se Select i Storybook for tekniske detaljer.
Varianter
Komponenten bruker nettleserens standard-funksjonalitet for å vise listen med valg. Dette betyr at valglisten vil fremstå forskjellig hvis du åpner den i forskjellige nettlesere, men også at den vil oppføre seg mer forutsigbart på brukernes eget utstyr.
Størrelser
Komponenten kommer i to størrelsesvarianter:
- large brukes bare på eksterne flater. Komponenten får litt mer luft og tykkere ramme.
- medium (standard) kan brukes på både interne og eksterne flater.
Slik bruker du komponenten
- Sorter innholdet i nedtrekkslisten på en logisk måte, for eksempel alfabetisk.
- Bruk placeholder-tekst for å signalisere at hva brukeren skal gjøre.
Universell utforming
- Ikke bruk lange setninger som valg.