Product Card
4.0.33
A description of this component is work in progress.
npm install @sj-ab/component-library.ui.product-cardProduct Card presenteras för användaren som en knapp (<button type="button">).
Användare med tangentbord får ett enda tabbsteg per Product Card.
Användare med touchbaserade skärmläsare, som till exempel VoiceOver på iOS, kan navigera mellan Product Cards med ett enda "swipe" framåt eller bakåt.
Product Card får sin uppläsning för skärmläsare från den obligatoriska proppen ariaLabel.
Se till att all synlig information också finns med i ariaLabel så att ingen information går förlorad!
I framtiden bör vi ändra så att komponentens namn kommer från den synliga texten istället.
Product Card har inbyggt stöd för textförstoring upp till 200% på alla skärmstorlekar. När det blir ont om plats kommer priset automatiskt att flytta ner och visas underst i kortet.
Importer av Product Card
Repos med Product Card
Senaste installerade version av Product Card
Äldsta installerade version av Product Card