You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Currently, the network selection component in RainbowKit becomes difficult to navigate when many chains are added to the project. Scrolling through a long list to find a specific network is cumbersome, especially when using multiple testnets, mainnets, and custom chains.
To improve the user experience, I propose adding a search bar to the network selection dropdown. This would enable users to quickly filter and locate networks by typing their name, making the process more efficient.
Proposed Solution
Add a search bar at the top of the network selection dropdown.
Dynamically filter the list of networks as users type into the search bar.
Optionally, introduce sections or categories (e.g., "Mainnets", "Testnets", "Custom Chains") to better organize the networks.
Benefits
Enhances user experience by reducing the time needed to find a specific network.
Makes the component more scalable for developers who work with a large number of chains.
Aligns RainbowKit's interface with modern UI/UX practices for network selection.
Additional Context
Developers often integrate multiple mainnets, testnets, and custom chains, leading to a cluttered dropdown experience.
Similar search-based dropdown features are common in other wallet libraries and are widely appreciated for their convenience.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Description
Currently, the network selection component in RainbowKit becomes difficult to navigate when many chains are added to the project. Scrolling through a long list to find a specific network is cumbersome, especially when using multiple testnets, mainnets, and custom chains.
To improve the user experience, I propose adding a search bar to the network selection dropdown. This would enable users to quickly filter and locate networks by typing their name, making the process more efficient.
Proposed Solution
Benefits
Additional Context
Current UI
Beta Was this translation helpful? Give feedback.
All reactions