Tag Input Component

[Svelte-Enthusiast]

Summary

Tag inputs are an input field form that render tags inside the input field, followed by a text input field. Below are examples of implementations in other UI libraries.

https://www.melt-ui.com/docs/builders/tags-input
https://buefy.org/documentation/taginput/

Motivation

Tag inputs are a common and necessary component for most websites. It would be convenient if Flowbite has support for them.

[nash-an]

I created an example of what a tags input could look and behave like in the Flowbite library. I am not sure how to make this up to Flowbite standards since I am not very familiar with component creation - so it lives as a Stackblitz example rather than a pull request.

[shimulroy842]

@nash-an I took your example and tried some experiments. here is My Example. It is a Wrap of your example with flowbite-svelte's MultiSelect component. My coding skill is definitely at a noob level so the code is not efficient and cleaner.

[shiruken1]

@shimulroy842 this is exactly what I was looking for! Do you have it on Github so I can pitch in coding/maintaining it? Thanks!

[shimulroy842]

@shiruken1 No I didn't put it on GitHub but you can put it on GitHub and maintain it yourself. Everything is on stackblitz.

[paulhovey]

@shiruken1 No I didn't put it on GitHub but you can put it on GitHub and maintain it yourself. Everything is on stackblitz.

I just want to say thank you for this! I modified it some to work with the data I was expecting, but upgraded some components to work with Svelte5 better. If it helps anyone, here's a stackblitz example.