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.
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 {}
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
This project is licensed under the MIT License. See the LICENSE file for details.
This project was inspired by other design systems like Material Design and Bootstrap. Thank you to the Angular community for making this project possible.