Storybook ​
Storybook is the design system component demo library for the Engineer App. It allows developers to view and interact with UI components in isolation, making it easier to develop, test, and document the design system.
Overview ​
The app uses React Native Storybook v9 which runs directly on device/simulator rather than in a web browser. This provides an accurate representation of how components will look and behave in the actual app.
Accessing Storybook ​
Storybook is only available in non-production builds - The dev config bar is not shown on production builds.
From the Login Screen ​
- Navigate to the login screen
- Locate the Dev Config Bar at the bottom of the screen
- Tap the Guides icon (book icon)
- Storybook opens in a full-screen overlay
- Tap the close button (bottom-right corner) to exit