Select

Pakke: ds-forms

Select (nedtrekksliste) gjør det mulig for brukeren å ta ett valg fra en liste med mange alternativer.

Eksempel

Eksempel på nedtrekksliste

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.