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" />

• Adds sidebar icon.

  4.2.0

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

  4.1.0

• Fix icon color prop functionality

  4.0.0

  Breaking

• New PaymentMethod component

  3.0.0

  Breaking