Clickable Card

The Clickable Card component is a helpful wrapper for various types of content. The container itself is one large touch target.

Demo

Installation

npm install @sj-ab/component-library.ui.card

Länkar

Tillgänglighet

Semantik

ClickableCard renderas som en knapp (<button type="button">) eller som en länk <a href>.

Card eller ClickableCard?

När ett kort ska ha interaktivitet och fungera som en länk eller knapp så måste alltid ClickableCard användas istället för vanliga Card.

ClickableCard har inbyggt stöd för fokusmarkering och har rätt semantik för hjälpmedel för att kommunicera att den är interaktiv.

Se upp för nästlade interaktiva element!

Placera aldrig ett annat interaktivt element som till exempel en knapp eller ett formulärsobjekt inuti ett ClickableCard! Det är inte tillåtet enligt HTML-standarden och kommer att orsaka problem för skärmläsare och andra hjälpmedel

Change log

Statistik

  • Importer av Clickable Card

    20

  • Repos med Clickable Card

    45%

  • Senaste installerade version av Clickable Card

    6.1.0

  • Äldsta installerade version av Clickable Card

    6.0.12