Forms / User picker

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