Norsk Tipping Design System

TimedTooltip

Auto-dismiss callout som vises i durationMs millisekunder uten brukerinteraksjon. Ingen lukkeknapp, ligger utenfor tab-rekkefølge.

STATUS: This component is in preview.
  • The prop-interface has pretty much stabilized
  • The component has typically been tested out in the field
  • Consult the design team for usage
  • As always: Your feedback is welcomed!

Basic usage

Auto-dismiss duration

Placement

Designreferanse: bubble under «Mine spill», placement="bottom".

Designreferanse: bubble over «Mine spill», placement="top".

Notes

Styling følger Figma: font-jubel text-base font-bold leading-6 text-blue-700 på bg-blue-100.

Kombiner med egen persistens (f.eks. sessionStorage) via onDismiss for «vis én gang per økt»-mønster.

active styrer visning og starter auto-dismiss-timeren på nytt når den går fra false til true.

Hvis du bruker withoutParentWrapper, må du sørge for at tooltipen får et passende posisjonert anker (nærmeste ancestor med f.eks. position: relative) slik at absolute-posisjoneringen fungerer som forventet.

DismissibleTooltip

Previous Page

Tooltip

Next Page

On this page

Basic usageAuto-dismiss durationPlacementNav: desktop (Mine spill)Nav: mobil (Mine spill)Notes