Icon

• Storybook
• Figma
• Bit.cloud

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:

<Icon name="moon_small" role="img" aria-label="Måne" />

• Move Resplus icon to Logo component

  4.4.1

• Upgrade to React 19

  4.4.0

• Adds sidebar icon.

  4.2.0

• Updates design tokens with new border radii and updates border radii on all components.

  4.1.0