Skip to content
Documentation
Packages
nextra-theme-docs
Writing Content
Tooltip

Tooltip

Show a tooltip when hovering over an element

On This Page

Hover over me and see a tooltip in action


<Tooltip tip="This is a tooltip!">Hover over me</Tooltip>

API
Permalink for this section

The Tooltip component takes the following props:

tip
Permalink for this section

The text to display in the tooltip

  • Type: string
  • Required: true

children
Permalink for this section

The element to wrap with the tooltip

  • Type: `React.ReactNode
  • Required: true