User picker
Sometimes we need to select users, such as when transferring some tokens to
someone else. This component helps by showing a full list of users, searchable
by name. Once you start searching, you can navigate with the arrow keys and
select with Enter
. We don't use our app's real data here. Instead, we use some
mock users. You can search for henriquebuss
, henriquebus4
or lucca
. The
search works by account name (the 12-letter name) and by the user's real name.
For different purposes, you might want to select a single user:
Single user picker
Or maybe you need to select multiple users at a time:
Multiple user picker
In either case, you might want to display an error, or maybe disable it. Here's an example with those options:
With error and disabled
Errors show up between the input and the selected users