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

Input text: add an official way to add static or interactive icons appended inside the input #2248

Closed imagoiq closed 1 month ago

imagoiq commented 12 months ago

For example a search icon is often added to filter forms: firefox_YVH0wtzGTE

TBD: in the internet-header, it is used as a button. How to differentiate both? Should we allow icons to be append to input?

gfellerph commented 11 months ago

@imagoiq have a look at https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=16739%3A53259&mode=design&t=uFqiwSCwgBx3yCuO-1. This will be the new search field.

Another approach would be adding the generic possibility to add pre- and postfixes to input fields (https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=10657%3A50263&mode=design&t=uFqiwSCwgBx3yCuO-1).

The datepicker is a similar use case.

gfellerph commented 8 months ago

Design is ready

gfellerph commented 8 months ago
gfellerph commented 1 month ago

Closing in favor of #3351