SVooltip

A basic Svelte tooltip directive. Powered by Floating UI.

Usage

<script>
    import { tooltip } from 'svooltip';
    import 'svooltip/styles.css'; // Include default styling
</script>

<button
    class="btn"
    use:tooltip={{
        content: "You're looking beautiful today!",
        placement: 'top-start',
        delay: [1000, 0],
        offset: 15,
        target: '#layers'
    }}
>
    Hover me for 1 second
</button>

Docs

View more information at: https://svooltip.vercel.app

Licence

See the LICENSE file for license rights and limitations (MIT).

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes