Skip to content

[TagsInput] Implement component #931

@stlucasgarcia

Description

@stlucasgarcia

Description

It would be great to have a chip input, I have seen a lot of use for this component in dashboards and SaaS.

It could work like the one from Prime Vue https://primevue.org/chips/

Activity

neilmerton

neilmerton commented on Nov 14, 2023

@neilmerton

I was looking for something like this the other day, I ended up coding my own. It's a bit rough around the edges. Feel free to use it if you like.

stlucasgarcia

stlucasgarcia commented on Nov 21, 2023

@stlucasgarcia
Author

Thank you for your code @neilmerton. I did some tweaks to make it work with my project.

I hope we can have something like that implemented in nuxt ui.

Keatr0n

Keatr0n commented on Jun 25, 2024

@Keatr0n

@neilmerton that is exactly what I needed. Thank you.

changed the title [-]Feature Request: Form Chip Input[/-] [+][TagsInput] Implement component[/+] on Nov 10, 2024
benjamincanac

benjamincanac commented on Nov 10, 2024

@benjamincanac
Member

Renamed this to implement the Radix Vue TagsInput component: https://www.radix-vue.com/components/tags-input.html in v3.

Although you can already use the InputMenu with multiple: https://ui3.nuxt.dev/components/input-menu#multiple

neilmerton

neilmerton commented on May 28, 2025

@neilmerton

Hi @benjamincanac any idea when this will be tackled, please?

benjamincanac

benjamincanac commented on May 28, 2025

@benjamincanac
Member

I wonder what's your use-case where you can't use the InputMenu? 🤔

neilmerton

neilmerton commented on May 28, 2025

@neilmerton

It looks like InputMenu might do the trick. I'll test and feedback.

Thanks for the heads up @benjamincanac

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      Participants

      @neilmerton@benjamincanac@Keatr0n@stlucasgarcia

      Issue actions

        [TagsInput] Implement component · Issue #931 · nuxt/ui