Tooltip

Tooltip forma parte del apartado «Feedback» del kit. Alertas, toasts, diálogos y tooltips para comunicar estados y confirmar acciones.

Instalación#

bash

pnpm add @tsukira/ui

tsx

import { Tooltip } from "@tsukira/ui"; export function Ejemplo() {  return <Tooltip />;}

Los ejemplos detallados de Tooltip están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.

TooltipProps

Prop	Tipo	Default	Descripción
`content`*	`ReactNode`	—	Texto / nodo del tooltip.
`children`*	`ReactNode`	—	Elemento que dispara el tooltip.
`side`	`'top' \| 'right' \| 'bottom' \| 'left'`	—	Lado de aparición.
`align`	`'start' \| 'center' \| 'end'`	—	Alineamiento.
`tone`	`'ink' \| 'paper' \| 'brand'`	—	Color.
`delayDuration`	`number`	—	Delay de apertura en ms (override del TooltipProvider).
`sideOffset`	`number`	—	Offset desde el trigger.
`showArrow`	`boolean`	—	Mostrar la flecha.
`open`	`boolean`	—	Abierto controlado.
`onOpenChange`	`((open: boolean) => void)`	—	Cambio de open.
`defaultOpen`	`boolean`	—	Por defecto abierto.
`className`	`string`	—	className extra para el content.
`style`	`React.CSSProperties`	—	style inline para el content.