Componente Tooltip React

Componente en react de Tooltip del kit USS

1import { Tooltip } from "@ussebastian/kitdigital-react/dist/uss-react.es.js";

Tooltip

El componente <Tooltip/> funciona como un wrapper del elemento al que se quiere agregar el tooltip, se muestra al hacer hover o focus sobre el componente.

Caveats y consideraciones

No se puede clocar el <Tooltip> dentro de una etiqueta <p> dado que esta no acepta elementos <div> dentro, por lo que se recomienda colocar dentro de una etiqueta <span> cuando se quiera agregar un tootlip en un texto.

No se recomienda colocar botones ni enlaces ya que no se puede acceder a ellos via navegacion por teclado, dificultando la accesibilidad del contenido.

Ejemplos

TooltipExample
Cargando componente...
TooltipExample2
Cargando componente...
TooltipExample3
Cargando componente...
TooltipExample4
Cargando componente...

Contenido