Si ahorras desde joven, el interés compuestointerés compuestoLos intereses generan a su vez intereses, así que el dinero crece cada año un poco más rápido. trabaja a tu favor, sobre todo dentro de un fondo indexadoFondo indexadoUn fondo que replica un índice de bolsa entero en lugar de elegir empresas una a una..
Definición dentro del texto
Palabras subrayadas con puntos que abren una pequeña ficha con su definición al pasar o enfocar.
Ajustes
Código
<p class="uv-tgl">Si ahorras desde joven, el <span class="tm" tabindex="0" aria-describedby="uv-tgl-a">interés compuesto<span class="df" role="tooltip" id="uv-tgl-a"><b>interés compuesto</b>Los intereses generan a su vez intereses, así que el dinero crece cada año un poco más rápido.</span></span> trabaja a tu favor, sobre todo dentro de un <span class="tm" tabindex="0" aria-describedby="uv-tgl-b">fondo indexado<span class="df" role="tooltip" id="uv-tgl-b"><b>Fondo indexado</b>Un fondo que replica un índice de bolsa entero en lugar de elegir empresas una a una.</span></span>.</p>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Tooltips
Ver todos: TooltipsDónde usarlo
Los textos de finanzas, salud o derecho están llenos de términos que unas personas conocen y otras no. Este patrón deja que el párrafo fluya: las palabras clave llevan un subrayado de puntos y cursor de ayuda, y al pasar por encima o llegar con el tabulador se abre arriba una ficha oscura con el término como título y una definición de una frase.
Cada término recibe el foco y se enlaza con su definición mediante aria-describedby, así que los lectores de pantalla también la leen. Añade tantas definiciones como necesites dentro del párrafo.