Sv-tooltip

A tooltip utility for svelte components.


Paragraph

Something wierd It was actually a dream happened last night

<p>Something <Tooltip tip="It was actially a dream" top>wierd</Tooltip> happened last night</p>
HTML element This is a button

<Tooltip tip="This is a button" bottom> <button>Hello</button> </Tooltip>
Svelte component This is a button

<Tooltip tip="This is a button" color="coral" right> <Button>A button <br /> can be taller <br /> than normal <br /> height </Button> </Tooltip>
Active Tooltip This is a button

<Tooltip tip="This is a button" bottom active> <Button>Active Tooltip</Button> </Tooltip>
Pass Tailwind Classes This is a button

<Tooltip tip="This is a button" class="font-bold text-xl" bottom> <Button>font-bold text-xl</Button> </Tooltip>
Pass HTML to tip This one moves!

<Tooltip tip="<marquee>This is a button</marquee>" top> <Button>A button</Button> </Tooltip>