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 v10 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 debug menu is not shown on production builds.

From the Debug Menu

1. Shake the device to open the debug menu
2. Tap the Storybook item (📖 icon)
3. Storybook opens in a full-screen overlay
4. Tap the close button to exit