• Start
  • Blogg
  • Kom igång
  • Riktlinjer
  • Komponenter
  • Changelog
  • Tillgänglighet
  • Inställningar

Komponenter

Komponenter

​
​

Inga resultat hittade, prova med andra sökvillkor.

Tooltip

Tooltip

5.1.20

Tooltips display informative text when users hover over, focus on, or tap an element. Tooltips can also be displayed on timeout to introduce new features.

Demo
Props
Installation
Länkar
Tillgänglighet
Change log
Statistik

Demo

Props

Se fullständing dokumentation(öppnas i ny flik)
NamnTypBeskrivning

align

"left" | "right" | "center"Horizontal alignment of the tooltip arrow relative to the tooltip element.

color

"critical" | "standard" | "information" | "urgent"Color of the Tooltip.

direction

"up" | "down"Vertical placement direction of the tooltip relative to the anchor element.

elevation

"1" | "2"Elevation of the AppBar. Used primarily in dark mode to handle modals and layers

Installation

Kodexempel
npm install @sj-ab/component-library.ui.tooltip

Länkar

  • Storybook

  • Figma

  • Bit.cloud

Tillgänglighet

Tooltip har kända tillgänglighetsbrister kring hur den fungerar för användare med skärmläsare. Vi kommer att genomföra förbättringar i framtiden.

Change log

Statistik

Importer av Tooltip

57

Repos med Tooltip

25%

Senaste installerade version av Tooltip

3.3.3

Äldsta installerade version av Tooltip