• 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

  • Importer av Icon

    301
  • Repos med Icon

    60%
  • Senaste installerade version av Icon

    4.4.5
  • Äldsta installerade version av Icon

    2.2.9