Sapphire
Demo app
The new
Our Demo App
Home
Menu
Sample
Themes
Sapphire
Demo app
The new






Sapphire













The app is build in the same way as consumers of the design system for better testing.

Demo app
The new

Mahmoud Saleh Karzoun
Engineering Intern @MUDC
Sapphire













Demo
Demo app
The new
Sapphire














Demo
The app is build in the same way as consumers of the design system for better testing.

The app is build in the same way as consumers of the design system for better testing.

Sapphire
Demo

The app is build in the same way as consumers of the design system for better testing.
It also provides a development environment for devs.


The app is build in the same way as consumers of the design system for better testing.
It also provides a development environment for devs.
But most of all it allows exploration of the design system.



The app is build in the same way as consumers of the design system for better testing.
It also provides a development environment for devs.
But most of all it allows exploration of the design system.



exploration
development
testing



The app is build in the same way as consumers of the design system for better testing.
It also provides a development environment for devs.
But most of all it allows exploration of the design system.
exploration
development
testing
So it helps with
of the Sapphire Design System



exploration
development
testing
The app is build in the same way as consumers of the design system for better testing.
It also provides a development environment for devs.
But most of all it allows exploration of the design system.
So it helps with
of the Sapphire Design System
exploration
development
testing
Tpa distribution, easy to test on device, Built using similar tooling as consumers of the package(StatusBar color integration)
Â
So it helps with
of the Sapphire Design System
exploration
development
testing
So it helps with
of the Sapphire Design System
exploration
development
testing
So it helps with
of the Sapphire Design System
exploration
development
testing
So it helps with
of the Sapphire Design System
exploration
development
testing
Integrates with stories written for storybook(web), Support all tooling expected form React Native(not forced into storybook supported stuff), ability to extend application
So it helps with
of the Sapphire Design System
exploration
development
testing
So it helps with
of the Sapphire Design System
exploration
development
testing
So it helps with
of the Sapphire Design System
exploration
development
testing
Saved for later, Search for components, Upcoming lab labelling, Theme support for multiple color schemes
So it helps with
of the Sapphire Design System
exploration
development
testing
So it helps with
of the Sapphire Design System
exploration
development
testing
Menu


Sample
Themes




Demo App
Our
The new






Demo App
Our
The new
Menu
Sample
Themes






Demo App
The new
Menu
Sample
Themes






Menu
Sample
Themes
Demo App
The new




Menu
Sample
Themes


Demo App
The new
Menu
Sample
Themes



Demo App
The new
Menu
Sample
Themes



Demo App
The new

Represents consumer apps better

Built using Sapphire components

Extendable with new features

No storybook lock-in

Separates docs with dev env.

Allows for Storybook 6 on Web

Branded look and feel

"Quick Access" feature

Independent web and mobile

Ability to showcase entire flows

Reuseable stories from docs

Markdown and MDX on web

No storybook addons

Not a standardized setup

No knobs support(storybook)
Android
iOS
Try our MR builds today


Sapphire - Demo
By thupi
Sapphire - Demo
- 198