Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
imagoiq opened this issue Nov 8, 2023 · 3 comments
Labels
stale 📦 styles Related to the @swisspost/design-system-styles package

Comments

@imagoiq
Copy link
Contributor

imagoiq commented Nov 8, 2023

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 imagoiq added the 📦 styles Related to the @swisspost/design-system-styles package label Nov 8, 2023
@gfellerph
Copy link
Member

gfellerph commented Nov 15, 2023

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

  • refine with the Design Team

@gfellerph
Copy link
Member

Design is ready

@gfellerph
Copy link
Member

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

@github-actions github-actions bot added the stale label Jun 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
stale 📦 styles Related to the @swisspost/design-system-styles package
Projects
Status: 🗃️ Ready for work
Development

No branches or pull requests

2 participants