Relaterade artikelpuffar - Inera

Komponenten är responsiv. Ändra bredd på webbläsarfönstret för att se komponenten i dess olika lägen. Bred skärm kan behövas för att se desktopläget.



Exempel

 

Designspecifikation

Artikelpuffar ligger i ett puffblock där puffarna kan placeras upp till fyra stycken i bredd. Puffar kan visas med eller utan bild.
Artikelpuff som placeras ensam har text och rubrik till höger eller vänster om bilden.
Artikelpuffar som placeras två till fyra i bredd har text och rubrik under bilden.

Do’s and Don’ts

  • Blanda inte puffar med och utan bild i samma komponent/puffblock.

  • Använd flera puffblock för att lista fler än fyra puffar.

Tillgänglighet

Fokusram på de puffar som är i fokus vid tabbning viktigt. Beroende på hur puffarna används så är det viktigt att tänka på scrollfunktionalitet. Användare ska inte behöva scrolla i två dimensioner för att få tillgång till innehåll https://webbriktlinjer.se/riktlinjer/91-skapa-en-flexibel-layout/.

Research på komponenten

-

Relaterade resurser/komponenter

Status

Status

validerad / kodfix behövs

Publicerad

2020-01-18

Senast uppdaterad

2020-01-20