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
Add example screens to storybook environments to showcase component integration and provide realistic usage examples across platforms. Currently, our storybook only demonstrates individual components in isolation, but lacks complete UI examples that reflect how components work together in real-world applications like MetaMask Extension and Mobile.
Technical Details
Create a "Wallet Home" example screen for both web (React) and mobile (React Native) storybooks that mimics the layout and functionality of a typical wallet interface
Implement consistent UI patterns across platforms while respecting platform-specific conventions
Structure the example using components from our design system to demonstrate best practices and patterns
Showcase various design system components working together including:
Account displays
Balance sections
Action buttons
Navigation elements
Token lists
Network badges
Ensure examples adapt correctly to different device/viewport sizes
Document any platform-specific limitations or considerations
Acceptance Criteria
Both React and React Native storybooks contain a "Wallet Home" example page in an "Examples" section
The examples should be visually aligned between platforms while respecting platform conventions
All UI elements are built using design system components
georgewrmarshall
changed the title
Create example wallet screen stories
Create example wallet screens using library components and classnames
May 8, 2025
Description
Add example screens to storybook environments to showcase component integration and provide realistic usage examples across platforms. Currently, our storybook only demonstrates individual components in isolation, but lacks complete UI examples that reflect how components work together in real-world applications like MetaMask Extension and Mobile.
Technical Details
Acceptance Criteria
References
The text was updated successfully, but these errors were encountered: