Sv-tooltip

A tooltip utility for svelte components.


Paragraph

Something wierd

It was actially a dream
happened last night

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

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

This is a button

<Tooltip tip="This is a button" right color="coral"> <Button>A button <br /> can be taller <br /> than a 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" bottom class="font-bold text-xl"> <Button>font-bold text-xl</Button> </Tooltip>