mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-12-21 22:27:12 +00:00
angular-in-memory-web-api updated,
+ Http changed with HttpClient, + Angular Material Element examples added, + angular2-markdown Library added
This commit is contained in:
@@ -0,0 +1,9 @@
|
||||
.example-tooltip-host {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
margin: 50px;
|
||||
}
|
||||
|
||||
.example-select {
|
||||
margin: 0 10px;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
<div class="example-tooltip-host" mdTooltip="Tooltip!" [mdTooltipPosition]="position">
|
||||
<span>Show tooltip</span>
|
||||
<md-select class="example-select" [(ngModel)]="position">
|
||||
<md-option value="before">Before</md-option>
|
||||
<md-option value="after">After</md-option>
|
||||
<md-option value="above">Above</md-option>
|
||||
<md-option value="below">Below</md-option>
|
||||
<md-option value="left">Left</md-option>
|
||||
<md-option value="right">Right</md-option>
|
||||
</md-select>
|
||||
</div>
|
||||
@@ -0,0 +1,13 @@
|
||||
import {Component} from '@angular/core';
|
||||
|
||||
/**
|
||||
* @title Tooltip with custom position
|
||||
*/
|
||||
@Component({
|
||||
selector: 'tooltip-position-example',
|
||||
templateUrl: 'tooltip-position-example.html',
|
||||
styleUrls: ['tooltip-position-example.css'],
|
||||
})
|
||||
export class TooltipPositionExample {
|
||||
position = 'before';
|
||||
}
|
||||
Reference in New Issue
Block a user