https://github.com/sharu725/sv-tooltip

A tooltip utility for Svelte and Sveltekit
https://github.com/sharu725/sv-tooltip

svelte svelte-tooltip tooltip

Last synced: 2 months ago
JSON representation

A tooltip utility for Svelte and Sveltekit

• Host: GitHub
• URL: https://github.com/sharu725/sv-tooltip
• Owner: sharu725
• Created: 2022-11-12T11:09:31.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-10-11T13:52:01.000Z (3 months ago)
• Last Synced: 2024-10-12T11:11:24.467Z (3 months ago)
• Topics: svelte, svelte-tooltip, tooltip
• Language: Svelte
• Homepage: https://sv-tooltip.sveltethemes.dev
• Size: 88.9 KB
• Stars: 14
• Watchers: 2
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
## Svelte Tooltip

```svelte

  import Tooltip from "sv-tooltip"

  Hello

```

### Installation

```bash

npm i -D sv-tooltip

```

### Active Tooltip

```svelte

  

    Hello

  

```

### Component Tooltip

```svelte

  

    Hello

  

```

### Text Tooltip

```svelte

  


    Something weird happened

    last night

  

```


### Colored Tooltip

```svelte

  


     Something

  

```


### Pass HTML to tip

```svelte

  

    A button

  

```

|  props   |                 function                 |

| :------: | :--------------------------------------: |

|  `top`   |           show tooltip at top            |

| `right`  |          show tooltip at right           |

| `bottom` |          show tooltip at bottom          |

|  `left`  |           show tooltip at left           |

| `active` |         show tooltip by default          |

| `color`  | hex value to change the color of tooltip |