Zoom-UI // Angular
The official Angular flavor of Zoom-UI.
To utilize the Zoom-UI Angular components, simply import the
ZoomUiModule in your top-level Angular project module, like so...
Once the module is imported, you can use any of the component's within the Zoom-UI library in your application!
As a quick example, here's a new component utilizing the Zoom-UI InputComponent:
Zoom-UI uses SCSS for it's styling library. To import all of the Zoom-UI styles into your application, simply import the main Zoom-UI scss file into your own SCSS files like so:
This will import all of the base styling for all Zoom-UI Angular components!
The Angular flavor of Zoom-UI utilizes the Angular CLI for development.
ng serve for a dev server. Navigate to
http://localhost:4200/. The app will automatically reload if you change any of the source files.
ng generate component component-name to generate a new component. You can also use
ng generate directive|pipe|service|class|guard|interface|enum|module.
ng build to build the project. The build artifacts will be stored in the
dist/ directory. Use the
-prod flag for a production build.
Running unit tests
ng test to execute the unit tests via Karma.
Running end-to-end tests
ng e2e to execute the end-to-end tests via Protractor.
Before running the tests make sure you are serving the app via
To get more help on the Angular CLI use
ng help or go check out the Angular CLI README.