0.0.33 • Published 7 years ago
@amd-core/angular-ui v0.0.33
AMD Core Angular UI
This project is an Angular 2 UI Component Library, and is in very early stages of development!
Features
- Native Angular DOM manipulation
- 100% Angular Universal compatible
- Pure CSS driven animations
- Built to be themeable
Installation
$ npm install --save-dev @amd-core/angular-ui
Useage
CSS
@import '~@amd-core/angular-ui/reset-ui-theme.css';
@import '~@amd-core/angular-ui/base-ui-theme.css';
Buttons
button-example.module.ts
import { NgModule } from '@angular/core';
import { AmdButtonModule } from '@amd-core/angular-ui';
import { ButtonExampleComponent } from './button-example.component.ts';
@NgModule{(
imports: [AmdButtonModule],
declarations: [ButtonExampleComponent]
)}
export class ButtonExampleComponent { }
button-example.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'amd-button-example',
templateUrl: './button-example.component.html'
})
export class AmdButtonComponent {
public onPrimaryButtonClicked(): void {
console.log('Primary button clicked!');
}
public onSecondaryButtonClicked(): void {
console.log('Secondary button clicked!');
}
}
button-example.component.html
<button amd-button class="button-primary" (click)="onPrimaryButtonClicked()">
Primary Button
</button>
<button amd-button class="button-secondary" (click)="onSecondaryButtonClicked()">
Secondary Button
</button>
0.0.33
7 years ago
0.0.32
7 years ago
0.0.31
7 years ago
0.0.30
7 years ago
0.0.29
7 years ago
0.0.28
7 years ago
0.0.27
7 years ago
0.0.26
7 years ago
0.0.25
7 years ago
0.0.24
7 years ago
0.0.23
7 years ago
0.0.22
7 years ago
0.0.21
7 years ago
0.0.20
7 years ago
0.0.19
7 years ago
0.0.18
7 years ago
0.0.17
7 years ago
0.0.16
7 years ago
0.0.15
7 years ago
0.0.14
7 years ago
0.0.13
7 years ago
0.0.12
7 years ago
0.0.11
7 years ago
0.0.10
7 years ago
0.0.9
7 years ago
0.0.8
7 years ago
0.0.7
7 years ago
0.0.6
7 years ago
0.0.5
7 years ago
0.0.4
7 years ago
0.0.3
7 years ago
0.0.2
7 years ago
0.0.1
7 years ago