swisspost / design-system

The Swiss Post Design System - for a consistent and accessible user experience across the web platform.
https://design-system.post.ch
Apache License 2.0
124 stars 14 forks source link

[component]: Dropdown / Search #3907

Open sandra-post opened 1 week ago

sandra-post commented 1 week ago

Description

❖ Search is the trigger element of the Dropdown / Search component. It opens a list of search term suggestions based on the user input where the user can select one from.


Migrated from Miro

Design

https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=589-15346&t=fx28oG7rQpbWMkdN-4

Tokens

Tasks

### 🎨 Design
- [x] Design component according to WIKIT
- [ ] Update dependencies
- [ ] Add & test compo in layout examples
- [ ] Designer review
- [x] Documentation: Overview and usage (About, compo overview, compo props, usage, examples)
- [x] Documentation: Technical documentation (Anatomy, accessibility)
- [ ] Documentation: Review (content correctness, understandability, gaps)
### 💻 Development
- [ ] https://github.com/swisspost/design-system/issues/3696
- [ ] Review Design (All states present? Possible to implement?)
- [ ] HTML/CSS implementation
- [ ] Web component implementation
- [ ] Documentation in Storybook
- [ ] Unit tests
- [ ] End to end tests
- [ ] Visual regression tests
- [ ] Design review
sandra-post commented 8 hours ago

Design ready for review