DesignSystem

The ZyLAB Design System (ZDS) includes the resources to create user interfaces consistent with the internal design principles, design language, and best practices. Rather than focusing on pixels, developers can focus on application logic, while designers can focus on user experience, interactions, and flows. This Design System provides a range of resources for developers, which includes:

• semantic and accessible component markup.
• icons, font, and design guidelines.

Preview

• https://zylab-official.github.io/zy-lib/

---

TODO

• Define schematics to easily add new story for component
• Define schematics to extend public-api
• Unify button components
• Fix Actions steps
• Install Lib to Github Packages
• Update Storybook to latest version after this issue will be fixed UX-and-I/storybook-design-token#50

Basics

Angular Libraries 101

• https://angular.io/guide/creating-libraries

Storybook 101

• https://www.learnstorybook.com/design-systems-for-developers
• https://www.learnstorybook.com/intro-to-storybook/angular/en/simple-component/
• https://storybook.js.org/tutorials/intro-to-storybook/angular/en/get-started/

Design Systems

• https://medium.com/@nathanacurtis

References

• https://www.lightningdesignsystem.com/
• https://www.carbondesignsystem.com/