Tooltip

Displays informative text when users hover an element.

View source code
  • children
    ReactNode

    The content around which the tooltip will go

  • content
    ReactNode | ReactNode[]

    The tooltip's content

  • isDisabled
    boolean

    Whether the tooltip should be disabled

    Default: false
  • isInitialOpen
    boolean

    Whether the button should be disabled

    Default: false
  • isOpen
    boolean

    Whether the tooltip should be open

  • maxWidth
    number

    The maximum width of the tooltip

    Default: 232
  • onOpenChange
    (isOpen: boolean) => void

    Allows to control when the tooltip is open

  • placement
    "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top"

    Specifies where the tooltip should be positioned

    Default: top
  • triggerAsChild
    boolean

    Whether the trigger is a custom element @see {@link storybook.spendesk.design /index.html?path=/docs/feedback-tooltip--docs#triggeraschild-and-forwardref} for more information.

    Default: false