swisspost / design-system

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

Add a gap between form fields and error message #3046

Open gfellerph opened 2 weeks ago

gfellerph commented 2 weeks ago

As discussed in the pattern meeting from 02.05.2024, we decided to introduce a gap between form fields and error messages. This is to allow the focus ring to be fully visible around the input field.

### Add a gap between error message and component for
- [ ] Input text
- [ ] Select
- [ ] Textarea
- [ ] Password
### Ensure that there is enough of a gap for
- [ ] Checkbox
- [ ] Radiobutton
- [ ] Card controls
- [ ] Ranges
- [ ] Switch