DEV Community

K-Sato
K-Sato

Posted on

Created a svelte tooltip library

Overview

I created a light weight tooltip library. It was my first time making a svelte library. But it was a breeze thanks to svelte-kit.

What I made

As stated above, I created a svelte-actions based tooltip library. I'll leave links to the repo and demo page here.

Repo: https://github.com/K-Sato1995/svelte-tooltip

Demo: https://svelte-tooltip-k-sato1995.vercel.app/

How to make a library with svelte-kit

svelte-kit package is currently experimental at the time of writing (2022/03/24)

svelte-kit makes creating a library super easy. The only notable difference between creating a library with svelte-kit and creating a web app with svelte-kit is the location of the public-facing stuff.

  • The location of the public facing stuff based on what you want to create
    • src/routes : for creating a web app with svelte-kit
    • src/lib: for creating a library with svelte-kit

And with that out of the way, all you have to do now is to write code and build & publish it by running the commands below.

$ npm run package // build the package from the code under src/lib
$ cd package // move to the package directory
$ npm publish // publish the package
Enter fullscreen mode Exit fullscreen mode

For more information about creating a library with svelte-kit check out the official document below.

SvelteKit docs

Top comments (7)

Collapse
 
kaloo profile image
Kaloo

This project not only demonstrates the power of Svelte for frontend development but also underscores the potential of Svelte-kit for library creation Neal Fun. As an experimental package at the time of writing, it offers promising possibilities for future projects seeking simplicity and effectiveness in library development.

For those intrigued by this endeavor, the official documentation serves as a comprehensive guide for diving deeper into the world of Svelte-kit library creation.

The ease of building with Svelte-kit shines through, as highlighted in the developer's overview. By following straightforward steps and utilizing the designated 'src/lib' directory, creating a library becomes as straightforward as crafting a web app. The provided commands for building and publishing streamline the process, ensuring a hassle-free experience from development to deployment.

Collapse
 
rippin profile image
Emmanuel

The creation of a sleek tooltip library enhances user experience, making information delivery seamless and stylish. This could be as engaging as playing retro bowl, where each move counts and strategy is key. Just like in Retro Bowl, clear communication is essential for success. With this new library, developers can ensure their applications provide pivotal insights with flair, much like scoring that winning touchdown!

Collapse
 
sebastiankoelpin profile image
Sebastian Koelpin

Creating a tooltip library with Svelte was a fun and straightforward process, thanks to SvelteKit. The ease of using svelte-actions made it enjoyable to bring this project to life. If you're interested in winter sports, check out Snow Rider for a thrilling experience on the slopes!

Collapse
 
durgan profile image
Gerda

I've developed a sleek and efficient tooltip library, perfect for enhancing user experience. Just like mastering the Monkey Mart game, where quick decisions lead to success, this library allows for seamless integration and instant feedback in web applications, making it easy to guide users through interfaces. Whether you're debugging or refining UI elements, this library provides the clarity needed to navigate your project effortlessly.

Collapse
 
thomas180399 profile image
Thomas Frank

This is the first time I have known about svelte-kit tool. It helps making a super mario game library easily compare to make it without tools.

Collapse
 
celinecdd9 profile image
Celine Dion • Edited

svelte-kit is the perfect tool for creating a lightweight and io games easy-to-use tooltip libraries.

Collapse
 
juiweasley profile image
Jui Weasley

Creating a tooltip library using svelte-actions sounds like a wordiply useful and practical project.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.