Page MenuHomePhabricator

Function Editor - Create an Chip component
Closed, ResolvedPublic

Description

As an user I would like to have access to a chip component that will allow me to enter multiple strings. This component is used in the function editor to define the alias

We need to make sure that the CHIP component is not already available within the existing Vue component library. Ask Geno or simone for details on the library.

  • Allow the user to enter a string
  • Allow the user to "click enter" to save the string
  • Allow the user to more strings
  • Allow the user to "delete" the string
NOTE: The component may need further development after completing to define how it looks with long individual string or a big number of strings.

Related Objects

Event Timeline

From the designs this appears to be akin to the existing MenuTagMultiselect widget we have in OOUI.

I know that Codex doesn't have one of these yet (and beyond T277047 there's no specific task to make one), but I imagine we'd want to align to that agreed design // accessibility structure at first?

I believe that this is not blocked on Aishwarya and is waiting for development.

From the designs this appears to be akin to the existing MenuTagMultiselect widget we have in OOUI.

I know that Codex doesn't have one of these yet (and beyond T277047 there's no specific task to make one), but I imagine we'd want to align to that agreed design // accessibility structure at first?

I would recommend looking at tasks for chip/tag components T280701, T147811, and T280681 to see if any of those could fit, with additional info about the particular use-case.

JKieserman changed the task status from Open to In Progress.Jan 4 2022, 3:14 PM
JKieserman claimed this task.

Hi @RHo! From the looks of it, https://phabricator.wikimedia.org/T280701 would work for us. It doesn't look the interactivity is defined on the ticket yet but @aishwaryavardhana had mentioned double clicking to edit. What is the current status of this task? Is it something we could use and/or help contribute?

Hi @RHo! From the looks of it, https://phabricator.wikimedia.org/T280701 would work for us. It doesn't look the interactivity is defined on the ticket yet but @aishwaryavardhana had mentioned double clicking to edit. What is the current status of this task? Is it something we could use and/or help contribute?

Hi @JKieserman - sounds great if you could contribute to this component definition! I think the best folks to connect are those in the Design Systems team - and likely @bmartinezcalvo will collaborate with @aishwaryavardhana and others interested in a chip component to define and prioritise it.