## Background
In T324223 the MVP FilterChip has been implemented.
We may need to implement in some moment an editable/open state for this FilterChip:
>>! In T324223#9001634, @bmartinezcalvo wrote:
>>>! In T324223#9000954, @RHo wrote:
>> 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:
>> {F37134756}
>>
>> 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:
>
> {F37134852}
### Known use cases
| {F37141316} | Selectable/Editable FilterChip in [[ https://en.wikipedia.org/wiki/Special:RecentChanges?hidebots=1&hidecategorization=1&hideWikibase=1&hidenewuserlog=1&tagfilter=contentious+topics+alert%7Ccontenttranslation%7Ccontenttranslation-needcheck&limit=100&days=7&enhanced=1&useskin=vector-2022&urlversion=2 | 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 [[ https://www.figma.com/file/KoDuJMadWBXtsOtzGS4134/❖-Codex-components?node-id=1891%3A4420&viewport=287%2C338%2C0.28 | library ]]. //This step will be done by a DST member.//
**Code**
[] Implement the component in Codex