default (position top)
<r-tooltip text="hola, soy un tooltip"><button>hover aquí</button></r-tooltip>
posiciones (top · bottom · left · right)
position="top|bottom|left|right"
trigger="click"
<r-tooltip text="..." trigger="click"><button>click</button></r-tooltip>
con delay
<r-tooltip text="..." delay="500">...</r-tooltip>
sobre cualquier elemento
<r-tooltip text="..."><abbr>HTML</abbr></r-tooltip>
override de CSS vars
style="--r-tooltip-bg:var(--coral);--r-tooltip-color:#fff;"