Info |
---|
Komponenten är responsiv. Ändra bredd på webbläsarfönstret för att se komponenten i dess olika lägen. OBS! Bred skärm samt omladdning av sidan kan behövas för att se desktopläget. Se gärna Sketchbiblioteket för referens. |
...
Innehållsförteckning |
---|
...
Exempel
Inkludera sida | ||||
---|---|---|---|---|
|
Designspecifikation
I desktop är sökfält och knapp separerade med ca 20 px avstånd. Notera att sökknappen är fyrkantig med 10 px rundade härn, till skillnad från vanliga rundade knappar.
...
Sökfältet finns i olika states: InActive, Active searchfield, Active button.
Do’s and Don’ts
-
Tillgänglighet
För många användare så ses sökfunktionen som det enklaste sättet att hitta något på en webbplats.
...
I mobilgränssnitt kan det ibland vara aktuellt att gömma sökfunktionen bakom en knapp. Undvik detta på stor skärm, eftersom det gör sökfunktionen svårare att hitta.
Research på komponenten
-
Relaterade resurser/komponenter
Status
Status |
| ||||||
---|---|---|---|---|---|---|---|
Publicerad | 2020-01-18 | ||||||
Senast uppdaterad | 2020-01-20 |
...