npix

Example

Hover here

Props

Placement

Installation

npx npix@latest add Tooltip

Usage

<>
  <Tooltip
    placement="top"
    title="Tooltip content"
  >
    Hover here
  </Tooltip>
</>

API

placement

"left" | "top" | "right" | "bottom"

Placement of tooltip. Default is top

title

React.ReactNode

Title of tooltip

className

string

className styles to apply on tooltip

children

React.ReactNode

Tooltip is displayed when the child content is hovered. Could be an icon, text, etc.

Field	Description	Type
placement	Placement of tooltip. Default is top	"left" \| "top" \| "right" \| "bottom"
title	Title of tooltip	React.ReactNode
className	className styles to apply on tooltip	string
children	Tooltip is displayed when the child content is hovered. Could be an icon, text, etc.	React.ReactNode