Hopp til innhold
Aksel
  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Bloggen

Meny

  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Blogg
    • Kom i gang med kodepakkene
    • Kom i gang med Figma
    • Samarbeid og bidrag
    • Versjonering i Figma
    • Design tokens
    • Farger
    • Brekkpunkter
    • Typografi
    • Endringslogg
    • Migrering
    • CSS import
    • Kommandolinje
    • Stylelint
    • Tailwind
    • OverridableComponent
Grunnleggende / Kode

OverridableComponent

Oppdatert 6. september 2023Stabil

    Hvordan bruke OverridableComponent

    Flere av komponentene i Aksel er implementert med `OverridableComponent`. Dette er API-et gjør det enkelt å overstyre hvilken komponent eller tag som komponenten rendres med.

    Et vanlig eksempel på dette er bruken av `React.Router` sin Link-komponent. Ved å bruke `as`-proppen løses dette enkelt, og du beholder typedefinisjonen for props:

    Styled-components

    Flere CSS-in-JS-biblioteker bruker også et `as`-attributt for å overstyre tag eller komponent, noe som kan komplisere ting når man for eksempel bruker styled-components for å style en komponent fra designsystemet.

    For `styled-components`, kan man bruke `forwardedAs` i stedet for `as` på komponentene.

    © 2023 NAV

    Arbeids- og velferdsetaten

    Snarveier

    • Skriv for Aksel
    • Prinsipper for brukeropplevelse
    • Security Playbook
    • Etterlevelse

    Om nettstedet

    • Hva er Aksel?
    • Personvernerklæring
    • Tilgjengelighetserklæring

    Finn oss

    • Figma
    • Github
    • Slack