tooltips#

class Tooltip(*args: Any, id: ID | None = None, **kwargs: Any)[source]#

Render a tooltip.

attachment#: Whether the tooltip should be displayed to the left or right of the cursor position or above or below it, or if it should be automatically placed in the horizontal or vertical dimension.

closable#: Whether to allow dismissing a tooltip by clicking close (x) button. Useful when using this model for persistent tooltips.

content#: The tooltip’s content. Can be a plaintext string or a HTML object.

interactive#: Whether to allow pointer events on the contents of this tooltip. Depending on the use case, it may be necessary to disable interactions for better user experience. This however will prevent the user from interacting with the contents of this tooltip, e.g. clicking links.

position#: The position of the tooltip with respect to its parent. It can be either an absolute position within the parent or an anchor point for symbolic positioning.

show_arrow#: Whether tooltip’s arrow should be shown.

target#: Tooltip can be manually attached to a target UI element or a DOM node (referred to by a selector, e.g. CSS selector or XPath), or its attachment can be inferred from its parent in "auto" mode.