Skip to contents

Usage

Tooltip(...)

Arguments

...

Props to pass to the component.

Value

Object with shiny.tag class suitable for use in the UI of a Shiny app.

Details

  • children element
    Default is - Tooltip reference element.This needs to be able to hold a ref.

  • arrow bool
    Default is FALSE If true, adds an arrow to the tooltip.

  • classes object
    Default is - Override or extend the styles applied to the component.See CSS classes API below for more details.

  • components { Arrow?: elementType, Popper?: elementType, Tooltip?: elementType, Transition?: elementType }
    Default is The components used for each slot inside.Deprecated-use the slots prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details.

  • componentsProps { arrow?: object, popper?: object, tooltip?: object, transition?: object }
    Default is The extra props for the slot components. You can override the existing props or add new ones.Deprecated-use the slotProps prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details.

  • describeChild bool
    Default is FALSE Set to true if the title acts as an accessible description. By default the title acts as an accessible label for the child.

  • disableFocusListener bool
    Default is FALSE Do not respond to focus-visible events.

  • disableHoverListener bool
    Default is FALSE Do not respond to hover events.

  • disableInteractive bool
    Default is FALSE Makes a tooltip not interactive, i.e. it will close when the user hovers over the tooltip before the leaveDelay is expired.

  • disableTouchListener bool
    Default is FALSE Do not respond to long press touch events.

  • enterDelay number
    Default is 100 The number of milliseconds to wait before showing the tooltip. This prop won't impact the enter touch delay (enterTouchDelay).

  • enterNextDelay number
    Default is 0 The number of milliseconds to wait before showing the tooltip when one was already recently opened.

  • enterTouchDelay number
    Default is 700 The number of milliseconds a user must touch the element before showing the tooltip.

  • followCursor bool
    Default is FALSE If true, the tooltip follow the cursor over the wrapped element.

  • id string
    Default is - This prop is used to help implement the accessibility logic. If you don't provide this prop. It falls back to a randomly generated id.

  • leaveDelay number
    Default is 0 The number of milliseconds to wait before hiding the tooltip. This prop won't impact the leave touch delay (leaveTouchDelay).

  • leaveTouchDelay number
    Default is 1500 The number of milliseconds after the user stops touching an element before hiding the tooltip.

  • onClose func
    Default is - Callback fired when the component requests to be closed.Signature:function(event: React.SyntheticEvent) => voidevent The event source of the callback.

  • onOpen func
    Default is - Callback fired when the component requests to be open.Signature:function(event: React.SyntheticEvent) => voidevent The event source of the callback.

  • open bool
    Default is - If true, the component is shown.

  • placement 'auto-end'| 'auto-start'| 'auto'| 'bottom-end'| 'bottom-start'| 'bottom'| 'left-end'| 'left-start'| 'left'| 'right-end'| 'right-start'| 'right'| 'top-end'| 'top-start'| 'top'
    Default is 'bottom' Tooltip placement.

  • PopperComponent elementType
    Default is - The component used for the popper.Deprecated-use the slots.popper prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details.

  • PopperProps object
    Default is Props applied to the Popper element.Deprecated-use the slotProps.popper prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details.

  • slotProps { arrow?: func| object, popper?: func| object, tooltip?: func| object, transition?: func| object }
    Default is The props used for each slot inside.

  • slots { arrow?: elementType, popper?: elementType, tooltip?: elementType, transition?: elementType }
    Default is The components used for each slot inside.

  • sx Array<func| object| bool>| func| object
    Default is - The system prop that allows defining system overrides as well as additional CSS styles.See the sx page for more details.

  • title node
    Default is - Tooltip title. Zero-length titles string, undefined, null and false are never displayed.

  • TransitionComponent elementType
    Default is - The component used for the transition. Follow this guide to learn more about the requirements for this component.Deprecated-use the slots.transition prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details.

  • TransitionProps object
    Default is Props applied to the transition element. By default, the element is based on this Transition component.Deprecated-use the slotProps.transition prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details.