Tooltip
El componente Tooltip es un componente que muestra un contenerdor que al hacer hover muestra un contenido personalizado.
Ejemplo
Importacion
Para importar el componente Tooltip, se puede hacer desde fenextjs o fenextjs-component
import { Tooltip, TooltipProps } from "fenextjs/cjs/component/Tooltip";o
import { Tooltip, TooltipProps } from "fenextjs-component/cjs/Tooltip";Parametros
| Parametro | Tipo | Requerido | Default | Descripcion |
|---|---|---|---|---|
| _t | string | No | Propiedad de internacionalización. | |
| children | ReactNode | No | Contenido del componente que activa el tooltip. | |
| tooltip | ReactNode | No | Contenido del tooltip a mostrar. | |
| positionX | "center" | "right" | "left" | No | "center" | Posición horizontal del tooltip. Puede ser "center", "right" o "left". |
| positionY | "center" | "top" | "bottom" | No | "top" | Posición vertical del tooltip. Puede ser "center", "top" o "bottom". |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- Uso básico del componente Tooltip
<Tooltip />