https://github.com/webmaxru/angularmaterial-workshop
https://github.com/webmaxru/angularmaterial-workshop
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/webmaxru/angularmaterial-workshop
- Owner: webmaxru
- License: apache-2.0
- Created: 2017-05-06T13:43:00.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-05-10T14:52:11.000Z (about 9 years ago)
- Last Synced: 2025-09-04T10:51:15.990Z (10 months ago)
- Language: TypeScript
- Size: 345 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Step Actions
Packages
```
npm install --save @angular/material
npm install --save @angular/flex-layout
npm install --save @angular/animations
npm install --save hammerjs
```
app.module.ts
```
import { BrowserAnimationsModule} from '@angular/platform-browser/animations';
OR
import {NoopAnimationsModule} from '@angular/platform-browser/animations';
import { MdToolbarModule } from '@angular/material';
import { FlexLayoutModule } from '@angular/flex-layout';
import 'hammerjs';
...
imports: [
...
BrowserAnimationsModule,
MdToolbarModule,
FlexLayoutModule
],
```
app.component.ts
```
{{title}}
```
styles.css
```
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
@import "https://fonts.googleapis.com/css?family=Material+Icons";
@import "https://fonts.googleapis.com/css?family=Roboto:400,300";
html, body {
display: flex;
flex-direction: column;
font-family: Roboto, Arial, sans-serif;
margin: 0;
height: 100%;
}
```