feat: add Kendo UI Buttons package

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.
 

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"

src/app/app.component.html

@@ -1,3 +1,5 @@
 <h1>
   {{title}}
 </h1>
+
+<button kendoButton (click)="onButtonClick()" [primary]="true">My Kendo UI Button</button>

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!';
+  }
 }

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]

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";