Tooltip

React API

Tooltip

• children

  Tyyppi: ReactNode & Element

  Komponentin sisältö Elementti, johon kohdistettaessa tooltip avautuu, popover-variantille ei pakollinen

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• content

  Pakollinen

  Tyyppi: string | Element

  Tooltipin sisältö

• isPopover

  Tyyppi: boolean

  Asettaa käyttöön popover-variantin, joka avautuu hoverin ja kohdistuksen sijaan klikkauksella

• placement

  Tyyppi: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end"

  Oletusarvo: top

  Tooltipin ensisijainen asemointi. Huomaa, että tilan loppuessa Tooltip voi siirtyä avautumaan toiselta puolelta.

• popoverIcon

  Tyyppi: Element

  Oletusarvo: <Info size="s" />

  Popover-tooltipin aktivoiva ikoni

• popoverIconLabel

  Tyyppi: string

  Oletusarvo: Työkaluvihje

  Popover-ikonin aria-label -teksti

• showCloseButton

  Tyyppi: boolean

  Hallitsee sulje-painikkeen näyttämistä Tooltipille (Popover-variantille sulje-painike näytetään aina)

• testId

  Tyyppi: string

  Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten. Tooltipin aktivoivalle elementille (esim. Button) välitettävä data-testid-attribuutti. TestId-proppia voi käyttää kun aktivoiva elementti on KDS-komponentti, joka tukee testId-proppia. Natiiville HTML-elementille voi antaa suoraan data-testid-attribuutin.