search

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
126 stars 14 forks source link

[component]: Notification inline #3929

Open sandra-post opened 2 weeks ago

sandra-post commented 2 weeks ago

Description

Inline notifications show up in task flows, to communicate the users the status of an action or system. It can also be used as a persistent element on the page to communicate information which needs higher attention than regular text.

Nota: Replaces "Infobox" component from DS V1

Design

https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=1447-8953&t=mU8LJQj3tQHeaV5i-4

Tokens

Tasks

### 🎨 Design
- [x] Design component according to WIKIT
- [ ] Update dependencies
- [x] Add & test compo in layout examples
- [x] 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
- [ ] 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 2 weeks ago

Moved back to backlog since this notification type is not yet needed for Post Portal