Modales y Overlays
Tooltip
Un popup ligero que muestra texto informativo al pasar el cursor sobre un elemento.
Tests
70%
Uso
STooltip envuelve cualquier elemento y muestra un tooltip con el texto especificado en title al pasar el cursor. Está construido sobre SPopover y soporta posicionamiento, temas de color y flechas.
Color
Usa la prop color para cambiar el tema del tooltip. Los valores disponibles son 'auto' (se adapta al modo oscuro), 'dark' y 'light'.
Posición
Usa la prop placement para controlar dónde aparece el tooltip relativo al elemento envuelto.
Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
title | string | - | Texto mostrado en el tooltip |
color | 'dark' | 'light' | 'auto' | - | Tema de color del tooltip |
placement | Placement | 'bottom' | Posición del tooltip relativo al elemento envuelto |
arrow | boolean | true | Si se muestra una flecha que apunta al elemento |
offset | number | - | Distancia en píxeles entre el elemento y el tooltip |
static | boolean | - | Desactiva el volteo automático cuando el tooltip se desbordaría del viewport |
manual | boolean | - | Desactiva la apertura/cierre automático con hover. Usa los métodos expuestos open()/close() para control manual |
Slots
| Nombre | Descripción |
|---|---|
default | El elemento que activa el tooltip al pasar el cursor |