angular add semantic-ui


To add Semantic UI to an Angular project, you can follow these steps:

  1. Install Semantic UI: You can install Semantic UI in your Angular project using npm:
npm install semantic-ui-css
  1. Import Semantic UI in your application: To use Semantic UI in your application, you will need to import the Semantic UI CSS styles. You can do this by adding the following line to the styles array in your application’s angular.json file:
"styles": [
  1. Use Semantic UI components: You can now use Semantic UI components in your Angular templates by using the corresponding class names. For example, to create a button with the Semantic UI “primary” style, you can use the ui primary button class:

<button class="ui primary button">Click me</button>

Alternatively, you can also use the ng-semantic-ui library, which provides a set of Angular components that are built on top of Semantic UI.