mdauner / Sveltejs Tippy
Licence: mit
Tippy.js for Svelte
Stars: ✭ 26
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Sveltejs Tippy
react-popper
🍿⚛Official React library to use Popper, the positioning library
Stars: ✭ 2,415 (+9188.46%)
Mutual labels: popover, tooltip
floating-ui
A low-level toolkit to create floating elements. Tooltips, popovers, dropdowns, and more
Stars: ✭ 23,485 (+90226.92%)
Mutual labels: popover, tooltip
Ember Tooltips
Easy and extendible tooltips for Ember components - http://sir-dunxalot.github.io/ember-tooltips/
Stars: ✭ 205 (+688.46%)
Mutual labels: tooltip, popover
Tooltip Sequence
A simple step by step tooltip helper for any site
Stars: ✭ 287 (+1003.85%)
Mutual labels: tooltip, popover
Helipopper
🚁 A Powerful Tooltip and Popover for Angular Applications
Stars: ✭ 215 (+726.92%)
Mutual labels: tooltip, popover
react-native-popable
Popovers, tooltips for React Native
Stars: ✭ 298 (+1046.15%)
Mutual labels: popover, tooltip
React Popper Tooltip
A React hook to effortlessly build smart tooltips.
Stars: ✭ 149 (+473.08%)
Mutual labels: tooltip, popover
Bootstrap-Confirmation
Bootstrap plugin for on-place confirm boxes using Popover
Stars: ✭ 303 (+1065.38%)
Mutual labels: popover, tooltip
react-popover
Customizable positioning for tooltips, menus, and any other DOM elements inside of a container
Stars: ✭ 13 (-50%)
Mutual labels: popover, tooltip
React Popper
🍿⚛Official React library to use Popper, the positioning library
Stars: ✭ 2,173 (+8257.69%)
Mutual labels: tooltip, popover
React Cool Portal
😎 🍒 React hook for Portals, which renders modals, dropdowns, tooltips etc. to <body> or else.
Stars: ✭ 458 (+1661.54%)
Mutual labels: tooltip, popover
Popover
Angular CDK Popover, no default style, examples using @angular/material
Stars: ✭ 156 (+500%)
Mutual labels: tooltip, popover
You Dont Need Javascript
CSS is powerful, you can do a lot of things without JS.
Stars: ✭ 16,514 (+63415.38%)
Mutual labels: tooltip, popover
React Layer Stack
Layering system for React. Useful for popover/modals/tooltip/dnd application
Stars: ✭ 152 (+484.62%)
Mutual labels: tooltip, popover
react-layer-stack
Layering system for React. Useful for popover/modals/tooltip/dnd application
Stars: ✭ 158 (+507.69%)
Mutual labels: popover, tooltip
Tippyjs
Tooltip, popover, dropdown, and menu library
Stars: ✭ 9,433 (+36180.77%)
Mutual labels: tooltip, popover
Hibiscus.js
Native Angular directives for Bootstrap4
Stars: ✭ 115 (+342.31%)
Mutual labels: tooltip, popover
react-sticky-mouse-tooltip
React tooltip component that follow mouse cursor.
Stars: ✭ 17 (-34.62%)
Mutual labels: popover, tooltip
Popper Core
🍿 JavaScript positioning library for tooltips, popovers, dropdowns, and more
Stars: ✭ 18,903 (+72603.85%)
Mutual labels: tooltip, popover
sveltejs-tippy
Tippy.js for Svelte.
Install
$ npm i sveltejs-tippy
or
$ yarn add sveltejs-tippy
How to use
Example
<script>
import tippy from "sveltejs-tippy";
const props = {
content: "<span class='tooltip'>Styled tooltip text</span>",
placement: "bottom"
};
</script>
<style>
:global(.tooltip) {
font-size: 1.2rem;
text-transform: uppercase;
}
</style>
<button use:tippy={props}>
Hover me
</button>
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].