Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[New Primitive] Tag / Chip #987

Open
kaushalyap opened this issue Nov 19, 2021 · 11 comments
Open

[New Primitive] Tag / Chip #987

kaushalyap opened this issue Nov 19, 2021 · 11 comments
Labels
Type: New Primitive Request for a new primitive

Comments

@kaushalyap
Copy link

Feature request

Overview

Tag component like in StackOverflow which is closable.

Examples in other libraries

https://mui.com/components/chips/

Who does this impact? Who is this for?

Beginners or anyone who want to save time.

Additional context

N/A

@jjenzz
Copy link
Contributor

jjenzz commented Nov 19, 2021

I'm not sure how this sits in Radix because Radix provides functional/accessible patterns without styles but this appears to be purely a styling thing. Each of those examples there are just various component types styled to look like a chip.

... etc.

Would you mind elaborating on what you think Radix could provide here? What are you trying to build with the Tag?

@benoitgrelard
Copy link
Collaborator

The only "functionality" I can see in the MUI one is a little bit of keyboard support (the delete functionality via backspace for example).

@jjenzz
Copy link
Contributor

jjenzz commented Nov 19, 2021

Yeah I could maybe see a case for a TagGroup type of component that encapsulates this example https://mui.com/components/chips/#chip-array

My only thinking though is that tags are often a small part of a bigger pattern like the following, so I wonder if a TagGroup might be too low level?

image

@benoitgrelard
Copy link
Collaborator

Yeah this is usually more like a combobox with multiple selection, something like that.

@jjenzz
Copy link
Contributor

jjenzz commented Nov 19, 2021

Yep. That's why I've asked what @kaushalyap is trying to build with the tags as we could maybe plan a component for the entire required pattern instead of just the tags (e.g. <TagInput />).

@jjenzz
Copy link
Contributor

jjenzz commented Nov 19, 2021

I randomly just came across this in the a11y slack too. It seems these type of tags should be labelled by the thing they're tagging so there are likely some differing accessibility requirements depending on the use-case.

image

@kaushalyap
Copy link
Author

image

Needs something like that like in SO.

@benoitgrelard benoitgrelard changed the title Tag / Chip component [New Primitive] Tag / Chip Apr 5, 2022
@gary-lo
Copy link

gary-lo commented Nov 23, 2023

Any updates on this?

@SalahAdDin
Copy link

Any updates on this?

Nothing yet.

@elrumordelaluz
Copy link

elrumordelaluz commented Mar 12, 2024

may be related: https://www.radix-vue.com/components/tags-input

@YusufcanY
Copy link

Any updates? Really need this primitive

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: New Primitive Request for a new primitive
Projects
None yet
Development

No branches or pull requests

7 participants