• Start
  • Blogg
  • Kom igång
  • Riktlinjer
  • Komponenter
  • Changelog
  • Tillgänglighet
  • Statistik
  • Inställningar

Komponenter

Komponenter

​
​

Inga resultat hittade, prova med andra sökvillkor.

Clickable Card

Clickable Card

6.6.0

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

Demo
Installation
Länkar
Tillgänglighet
Change log
Statistik

Demo

Installation

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

Länkar

  • Storybook

  • Figma

  • Bit.cloud

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

    27
  • Repos med Clickable Card

    34%
  • Senaste installerade version av Clickable Card

    6.6.0
  • Äldsta installerade version av Clickable Card

    6.6.0