design-system icon indicating copy to clipboard operation
design-system copied to clipboard

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

Open imagoiq opened this issue 1 year ago • 3 comments

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?

imagoiq avatar Nov 08 '23 14:11 imagoiq

@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.

  • [x] refine with the Design Team

gfellerph avatar Nov 15 '23 13:11 gfellerph

Design is ready

gfellerph avatar Mar 01 '24 09:03 gfellerph

  • [ ] check for accessibility support and <input type="search">

gfellerph avatar Mar 06 '24 12:03 gfellerph

Closing in favor of #3351

gfellerph avatar Sep 25 '24 19:09 gfellerph