Background
In T324223 the MVP FilterChip has been implemented.
We may need to implement in some moment an editable/open state for this FilterChip:
A specific recommendation to clearly indicate this case where the filter is being edited or “open” state is to separate to the “x” close action from the action to open it for editing. Quick sketch of what I mean:
Secondly, ideally the menu that is opened should be visually attached/closer to the chip being edited.
@RHo I've created a new version for the selectable/editable/open chip, separating the chip from the remove button as you comment. The remove button could be within a white circle so we can visually separate the chip from the remove:
Known use cases
 | Selectable/Editable FilterChip in Recent changes. |
User stories
- As a user, I need to select or edit a FilterChip.
Design spec
Once a component spec sheet has been created in Figma, remove the note stating that the spec is missing and link to the spec below.
| Component spec sheet |
Open questions
Add here the questions to be answered in order to design and implement the component
Acceptance criteria (or Done)
Design
- Evaluate need for this state via audit and review of existing use cases.
- Pending need, design the Figma spec sheet and add it in this task
- Update the component in the Figma library. This step will be done by a DST member.
Code
- Implement the component in Codex