Welcome to the source code repository for XYZ Design System, brought to you by Joey Comeau.
XYZ is...
- Tailored for building React apps: Using the XYZ Design System markup and CSS framework results in UIs that reflect the a clean look and feel.
- Continuously updated: As long as you’re using the latest version of the XYZ Design System, your pages are always up to date with UI changes.
This project utilizes Storybook for component development. If you would like to know more about Storybook or how it works, check out their website.
- Clone the repository down locally.
cd
into the project and runnpm install
to install all project dependencies.
The Storybook development environment can be started by running npm run storybook
Whenever you add, remove, or alter a component's css annotation metadata, Storybook will auto-reload to see those changes.
Starts the Storybook server for local development.
Build XYZ Design System.
Create a XYZ Design System link for local usage.