Gå til hovedinnhold
KOMPONENTER

Tooltips

Tooltip kan brukes for å gi ekstra informasjon til brukeren ved hover eller fokus.

Denne teksten har en tooltip

Komponenter

Tooltip

NavnTypePåkrevd?Beskrivelse
placement"top-left" | "top" | "top-right" | "left" | "right" | "bottom-left" | "bottom" | "bottom-right"

Plassering av tooltip-en

contentstring

Innholdet i tooltip-boksen

childrenReactNode

Elementet som skal ha tooltip-funksjonalitet

classNamestring

Ekstra klassenavn

Du wrapper <Tooltip /> rundt elementet du ønsker at skal ha en tooltip.

Retningslinjer

Man må unngå å legge nødvendig og kritisk informasjon i tooltip'en.

Ettersom tooltip skal brukes på fokuserbare elementer, så vises også tooltip om knappen/linken etc er fokusert

Tooltip-teksten vil også bli lagt til i trigger-elementet som en aria-label.