search

mittwald / flow

A collection of packages related to Flow – the mittwald design system.
https://mittwald.github.io/flow/
MIT License
6 stars 1 forks source link

Country selection component #716

Open Jan-Eimertenbrink opened 2 months ago

Jan-Eimertenbrink commented 2 months ago

Description

The country selection is based on a select component, but it is linked to a library of countries. This component allows the user to quickly find the desired country, thanks to an integrated search and flag emojis preceding the country names.

Design

Here is an older design:

Bildschirmfoto 2024-09-16 um 08 23 16

A new design will need to be developed when implementation begins.

thueske commented 2 months ago

We should definitely talk again about how the flags are displayed. The use of emojis is not the best solution, depending on the end device.

Jan-Eimertenbrink commented 1 month ago

We should definitely talk again about how the flags are displayed. The use of emojis is not the best solution, depending on the end device.

Thank you for the hint! I've noted it down, and we will keep an eye on it during implementation. After some research, I found out that Windows, in particular, seems to avoid country flag emojis, which could pose a problem in our case. However, there is the possibility to embed a font, as described in this article, to work around the issue.

I suggest we begin without using emojis for now and later decide if it's worth adding them. I do see the potential from a UX perspective that using country flags could improve the experience, making it easier for users to find their country. However, we should carefully weigh the effort against the benefit during implementation.