Tooltip

Eine kurze Beschriftung beim Überfahren und Fokussieren: eine Pill, mit Tastenkürzel, wenn es eines gibt.

Quelltext
import { Tooltip } from "@logicplanes/kaeso-ui";

Props

  • children
    ReactElement<unknown, string | JSXElementConstructor<any>>

    Der Auslöser: ein einzelnes Element, das eine Ref annimmt.

  • content
    ReactNode

    Was der Tooltip sagt. Nur der Name des Steuerelements oder ein kurzer Satz.

  • defaultOpen
    boolean

    Ob es anfangs geöffnet ist, wenn die Komponente ihren Zustand selbst verwaltet.

  • delay
    number

    Wie lange der Zeiger ruhen muss, bevor es sich öffnet, in Millisekunden.

  • disabled
    boolean

    Zeigt den Tooltip nie.

  • onOpenChange
    ((open: boolean) => void)

    Wird aufgerufen, wenn es sich öffnet oder schließt.

  • open
    boolean

    Ob es geöffnet ist, bei gesteuertem Zustand.

  • shape
    "pill" | "multiline"

    Eine Pille für eine kurze Beschriftung oder ein Kasten für mehrere Zeilen.

  • shortcut
    string[] | string[][]

    Ein Tastenkürzel nach dem Text: ["mod", "k"] oder [["g"], ["m"]].

  • side
    "top" | "bottom" | "left" | "right"

    Die Seite, auf der es sich öffnet.

  • sideOffset
    number

    Abstand zum Auslöser in px.