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.
Exempel
Designspecifikation
I desktop är sökfält och knapp separerade med ca 20 px avstånd, medan de sitter ihop med varandra på mobil.
I tablet och mobil ligger sökfält och knapp i samma yta.
Sökfältet finns i olika states: InActive, Active searchfield, Active button.
Do’s and Don’ts
-
Tillgänglighet
-
Research på komponenten
-
Relaterade resurser/komponenter
Status
Status | FÄRDIG VALIDERAD |
---|---|
Publicerad | 2020-01-18 |
Senast uppdaterad | 2020-01-20 |