reflex/docs/library/chakra/overlay/tooltip.md

---

components:

- rx.chakra.Tooltip

---

import reflex as rx

Tooltip

A tooltip is a brief, informative message that appears when a user interacts with an element. Tooltips are usually initiated in one of two ways: through a mouse-hover gesture or through a keyboard-hover gesture.

rx.chakra.tooltip(
    rx.chakra.text("Example", font_size=30),
    label="Tooltip helper.",
)