Light weight svelte-action based tooltip.
https://svelte-tooltip-k-sato1995.vercel.app/
$ npm i @sato0130/svelte-tooltip
or
$ yarn add @sato0130/svelte-tooltip
SvelteTooltip
.import SvelteTooltip from '@sato0130/svelte-tooltip';
SvelteTooltip
in the element you want the tooltip to be onYou can see the other options below.
<div use:SvelteTooltip={{ body: 'Tooltip content' }}>Hover Me</div>
Name | isRequired | type | Description |
---|---|---|---|
body | true | string , SvelteComponent |
Content in the tooltip |
bodyAsHTML | false | false , true |
Render the content as HTML |
place | false | top , bottom , right , left |
Place of the tooltip(Relative to the cursor) |
type | false | dark , success , warning , error , info |
Tooltip theme |
style | false | string |
custom style |
MIT