Yumma CSS and Angular
Learn how to integrate Yumma CSS with Angular.
Creating a new project
To create a new Angular project, you need to have the Angular CLI installed on your machine.
-
Install Yumma CSS:
Install the Yumma CSS Library using a package manager.
Installing dependencies... npm install yummacss@latest -
Include
yummacss
in your main CSS file:In this case, we’re importing the minified version of Yumma CSS.
src/globals.css @import "../node_modules/yummacss/dist/yumma.min.css"; -
Start development server
To see the changes, start the development server.
Starting development server... npm start -
Done!
You’re all set to start using Yumma CSS utility classes in your project.
src/app/app.component.html <h1 class="fs-sm fw-700 ta-c tc-indigo">Yumma CSS 🤝 Angular</h1>
Clone this project
You can clone the project from the GitHub repository.
git clone https://github.com/yumma-lib/angular-example.git