Tooltip

El componente Tooltip muestra un mensaje emergente cuando el usuario interactúa con un elemento.

Uso

import { Tooltip } from "essential-materials";

Ejemplos

Basico

Uso basico del Tooltip.

Desabilitado

Tooltip desabilitado, el tooltip no saldra.

Posicion

Determina en que posicion saldra el tooltip: "top", "bottom", "left", "right".

Trigger

Se encarga de definir que activa el tooltip.

API

Propiedad	Tipo	Descripción	Valores posibles	Default
content	string	Texto del tooltip	"" o cualquier texto	-
trigger	"hover" | "click" | "focus"	Evento que activa el tooltip	"hover", "click", "focus"	"hover"
position	"top" | "bottom" | "left" | "right"	Posición del tooltip respecto al elemento	"top", "bottom", "left", "right"	"top"
delay	number	Tiempo en ms antes de mostrar el tooltip	>= 0	200
maxWidth	number	Ancho máximo del tooltip	>= 0	200
disabled	boolean	Desactiva el tooltip	true, false	false
arrow	boolean	Muestra una flecha apuntando al elemento	true, false	true
className	string	Clases CSS personalizadas	"" o cualquier clase válida	""