Gå til hovedinnhold
KOMPONENTER

Tooltip

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

Denne teksten har en tooltip


Denne teksten har en tooltip

Komponenter

Tooltip

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

Plassering av tooltip-en

contentReactNode

Innholdet i tooltip-boksen

childrenReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)> | ... 5 more ... | (ReactElement<...> & ReactPortal)

Elementet som skal ha tooltip-funksjonalitet

isOpenboolean

Om tooltipen skal vises

classNamestring

Ekstra klassenavn for tooltip

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

Om man sender med isOpen så får Tooltip en lukkeknapp for å håndtere situasjoner hvor man ønsker kontrollere visningen av Tooltip.

Retningslinjer

Unngå å legge nødvendig og kritisk informasjon i tooltip'en.

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