diff --git a/README.md b/README.md index 5e43983..12803b2 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,6 @@ -# KendoAngular2QuickstartCli +# Kendo UI for Angular QuickStart for Angular CLI + +Source code for the [Get Started tutorial](http://www.telerik.com/kendo-angular-ui/getting-started/#installation) of Kendo UI for Angular. This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0. diff --git a/package.json b/package.json index f90e7de..8f595ce 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ }, "private": true, "dependencies": { + "@angular/animations": "^4.0.2", "@angular/common": "^4.0.0", "@angular/compiler": "^4.0.0", "@angular/core": "^4.0.0", @@ -20,6 +21,9 @@ "@angular/platform-browser": "^4.0.0", "@angular/platform-browser-dynamic": "^4.0.0", "@angular/router": "^4.0.0", + "@progress/kendo-angular-buttons": "^0.24.0", + "@progress/kendo-angular-l10n": "^0.3.0", + "@progress/kendo-theme-default": "^2.28.0", "core-js": "^2.4.1", "rxjs": "^5.1.0", "zone.js": "^0.8.4" diff --git a/src/app/app.component.html b/src/app/app.component.html index b6931b5..4ee96e5 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,3 +1,5 @@

{{title}}

+ + diff --git a/src/app/app.component.ts b/src/app/app.component.ts index efe4a9c..5d47f9a 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -7,4 +7,8 @@ import { Component } from '@angular/core'; }) export class AppComponent { title = 'app works!'; + + onButtonClick() { + this.title = 'Hello from Kendo UI!'; + } } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 67ae491..33b4272 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -5,6 +5,9 @@ import { HttpModule } from '@angular/http'; import { AppComponent } from './app.component'; +// Import the ButtonsModule... +import { ButtonsModule } from '@progress/kendo-angular-buttons'; + @NgModule({ declarations: [ AppComponent @@ -12,7 +15,10 @@ import { AppComponent } from './app.component'; imports: [ BrowserModule, FormsModule, - HttpModule + HttpModule, + + // ... and register it + ButtonsModule ], providers: [], bootstrap: [AppComponent] diff --git a/src/styles.scss b/src/styles.scss index 90d4ee0..5e933db 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1 +1,3 @@ /* You can add global styles to this file, and also import other style files */ + +@import "~@progress/kendo-theme-default/scss/all";