Skip to content

Exploring the development of a company design system with Angular and Storybook

Notifications You must be signed in to change notification settings

brunochirelli/angular-design-system

Repository files navigation

Angular Design System Project

This project is an implementation of a design system for Angular. It provides a set of reusable UI components and styles that can be used across Angular applications to ensure consistency and maintainability of the UI.

Getting Started

To get started with this project, follow these steps:

Clone the repository to your local machine Install the dependencies by running npm install Run the project by running ng serve Design System Components The following design system components are included in this project:

  • Buttons
  • Forms
  • Navigation
  • Modals
  • Tabs
  • Typography
  • Icons
  • Colors
  • Grid
  • Usage

To use the design system components in your Angular applications, you can simply import the individual modules from this project in your Angular modules. For example, to use the buttons module, you can import it in your module like this:

Typescript

import { ButtonsModule } from 'angular-design-system';

@NgModule({ imports: [ButtonsModule], declarations: [MyComponent] }) export class MyModule {}

Contribution

This project is open for contribution. To contribute, please follow these steps:

  • Fork the repository
  • Create a new branch for your contribution
  • Make your contribution
  • Test your contribution
  • Submit a pull request

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

This project was inspired by other design systems like Material Design and Bootstrap. Thank you to the Angular community for making this project possible.