Build tools

Learn how to use Argon’s included npm scripts to compile source code, run tests, and more.

Steps to install

  1. Make sure you have Node.js installed.

  2. Open Terminal and navigate to the main directory (from terminal) where package.json is located.

  3. Run in terminal npm install -g @angular/cli

  4. Then run npm-install

  5. At last, run npm start and navigate to http://localhost:4200

To start using this design system you will need to import some files in your current project.

SCSS

Copy-paste the file argon-dashboard.scss into your angular.json file into the styles area. 

"styles": [
  "src/styles.scss",
  "node_modules/fullcalendar/dist/fullcalendar.min.css",
  "src/assets/vendor/nucleo/css/nucleo.css",
  "src/assets/vendor/@fortawesome/fontawesome-free/css/all.min.css",
  "node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
  "node_modules/mobius1-selectr/dist/selectr.min.css",
  "node_modules/@swimlane/ngx-datatable/release/index.css",
  "node_modules/@swimlane/ngx-datatable/release/assets/icons.css",
  "src/assets/scss/argon.scss",
  "node_modules/@swimlane/ngx-datatable/release/themes/bootstrap.css"
],

Fonts and Icons

Copy-paste the stylesheet into your <head> before all other stylesheets to load the Fonts and Icons. 

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY_HERE"></script>