Tuto

I often need to code some way to have multiple pages rendered in the same location : think about a configuration panel with several sub panels. The natural way to code this is using tabs.

So, a few days ago, I saw a video showing a password creation form.

Each time the user types anything, there is an instant validation with icons indicating which constraint is fulfilled.

This article will show you how to set up a new Svelte project to develop a custom tag, using esbuild, with live reloading.

I want to code a simple tags input component in Svelte like the animation above.

• An input text where I can type words.
• As soon as I type a comma or Enter, the input turns into a “tag”.
• The tag appears next to the input text with a small cross to delete it.

I can retrieve the list of tags in an easy-to-use data structure: for example, an array of string.