Anpassning av komponenter

När komponenter eller skärmen ändrar storlek kan layouten i komponenter anpassa sig.

Exempel på komponent (Departure card) som anpassar sig när skärmen ändrar storlek.

När layouten ändras mellan olika skärmstorlekar kan komponenter med liknande funktioner bytas ut.

Exempel på komponent som byts ut mot en popper i surfplattan och datorn.

Ibland kan det vara bra att anpassa informationstätheten. Högre täthet kan vara användbart när användare behöver skanna, överblicka eller jämföra mycket information, till exempel långa listor, tabeller och formulär.

Komponenter såsom listor, tabeller, textfält, knappar och balkar har en property ”Density” som möjliggör justering av komponentens höjd i steg om 4 px.

Exempel på lista med normal täthet respektive högre täthet.