Icons
Vi bruker sjelden ikoner. De ikonene vi har valgt å ha, er funksjonelle, ikke til dekorasjon.
Close
CheckMark
Plus
Search
Hamburger
Calendar
ArrowUpRight
ArrowUp
ArrowDown
ArrowRight
ArrowLeft
Info
Error
Warning
Success
Et lite utvalg av ikonene våre er animerbare. For å bruke animasjonene trengs CSSen fra ikonpakka.
ArrowVerticalAnimated
ArrowHorizontalAnimated
PlusRemoveAnimated
HamburgerCloseAnimated
Det animerte hamburgerikonet er ikke tiltenkt hovedmenyer. Til det bruker vi den dedikerte Hamburger-komponenten.
Hvordan bruker vi ikoner?
Se profildokumentasjonen for mer om hvordan vi bruker ikoner.
Om du skal bruke ikonet som en knapp, se også IconButton.
React API
Her finner du en oversikt over props på komponentene i pakken.
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
variant | ingen | Ikke påkrevd | IconVariant | undefined | |
title | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
description | @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ingen | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
pointingDown | ingen | Påkrevd | boolean | |
variant | small | Ikke påkrevd | IconVariant | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
pointingRight | ingen | Påkrevd | boolean | |
variant | small | Ikke påkrevd | IconVariant | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
isPlus | ingen | Påkrevd | boolean | |
variant | small | Ikke påkrevd | IconVariant | undefined | |
plusTitle | pluss | Ikke påkrevd | string | undefined | |
closeTitle | lukk | Ikke påkrevd | string | undefined |
Prop | Beskrivelse | Standardverdi | Påkrevd | Type |
---|---|---|---|---|
className | ingen | Ikke påkrevd | string | undefined | |
isBurger | ingen | Påkrevd | boolean | |
variant | small | Ikke påkrevd | IconVariant | undefined | |
hamburgerTitle | meny | Ikke påkrevd | string | undefined | |
closeTitle | lukk | Ikke påkrevd | string | undefined |