flowbite-svelte icon indicating copy to clipboard operation
flowbite-svelte copied to clipboard

Tag Input Component

Open Svelte-Enthusiast opened this issue 2 years ago • 4 comments

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.

Svelte-Enthusiast avatar Sep 26 '23 01:09 Svelte-Enthusiast

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.

image

nash-an avatar Oct 07 '23 03:10 nash-an

@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. image image

shimulroy842 avatar Jan 20 '24 08:01 shimulroy842

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

shiruken1 avatar Feb 29 '24 14:02 shiruken1

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

shimulroy842 avatar Feb 29 '24 17:02 shimulroy842