Søk som hovedhandling på en side
Se Søk som hovedhandling på en side i StorybookEkstern lenke
Søkefeltet brukes for å raskt finne frem til ønsket innhold. Komponenten har et venstrestilt ikon som er med å tydeliggjøre hvilken hensikt feltet har, søk eller filtrering.
Oppførsel
Ved søk leveres forespørselen ved klikk på knappen eller enter, og brukeren får presentert søkeresultatet. Hvis feltet brukes til filtrering bør innholdet filtreres dynamisk basert på inputen. Resultatene skal presenteres i tilknytning til feltet.
Dersom det ikke er noen treff i søket bør du gi en tilbakemelding til brukeren, for eksempel en tekst som sier "Ingen treff".
Bruksområder
- Primærhandling på en side
- Navigasjon i header eller sidemeny
- Søk i skjemaflyt, for eksempel legesøk
- Filtrering av innhold i en liste eller tabell
Anatomi
- Ikon: forstørrelsesglass, filter liste eller trakt
- Brukerens input, eller placeholdertekst
- Clear button. Dukker opp når det er skrevet i feltet.
- Valgfri søkeknapp for ekstra synlighet
Feltet har også mulighet for label, på lik linje som resten av skjemafeltene våre. Pass på å ikke gjenta ordet «Søk» både i label, placeholder og knappen på en gang.
