solid-tippy

> SolidJS bindings for Tippy.js

 

Install

``bash
npm i tippy.js solid-tippy
`

`bash
yarn add tippy.js solid-tippy
`

`bash
pnpm add tippy.js solid-tippy
`

Usage

`jsx
import { tippy, useTippy } from 'solid-tippy';

// As directive
use:tippy={{
props: {
content: 'This is a tooltip.',
},
}}
>
Example


// as hook
const [anchor, setAnchor] = createSignal();

useTippy(anchor, {
props: {
content: 'This is a tooltip.',
},
});


Example

`

$3

- disabled: Disables the Tippy instance. Defaults to false.
- hidden: Hides the Tippy instance. Defaults to false.
- props: Props to be passed to the Tippy instance when creating or updating it. You can read more about it here.

$3

You may use tippyHeadless or useTippyHeadless instead of tippy and useTippy` for Headless Tippy instances.

License

MIT © lxsmnsyc