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

Komponenter

Komponenter

​
​

Inga resultat hittade, prova med andra sökvillkor.

Icon

Icon

A description of this component is work in progress.

Demo
Installation
Länkar
Tillgänglighet
Change log
Statistik

Demo

Installation

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

Länkar

  • Storybook

  • Figma

  • Bit.cloud

Tillgänglighet

Semantik

Våra ikoner är nästan alltid dekorativa och används som komplement till en synlig text. Vi presenterar därför ikonerna som en SVG med aria-hidden="true" som standard. Det gör att ikonerna kommer att ignoreras och inte läsas upp av skärmläsare, vilket minskar repetitionen i gränssnittet.

Meningsbärande ikon?

Om du av någon anledning vill att ikonen ska vara meningsbärande och att den ska läsas upp av skärmläsare kan du sätta attributen role och aria-label manuellt:

Kodexempel

Change log

  • Move Resplus icon to Logo component

    4.4.1
  • Upgrade to React 19

    4.4.0

Statistik