Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-21 09:50:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add a bunch of new Nebular demos (#1911)

Browse source
This commit is contained in:
Denis Strigo 2018-11-19 16:57:35 +02:00 • committed by GitHub
parent c594a5a4c5
commit 3f1f4c558b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
185 changed files with 5176 additions and 422 deletions
Download patch file Download diff file Expand all files Collapse all files

61
src/app/pages/modal-overlays/popovers/popover-examples.component.ts Normal file
View file

@ -0,0 +1,61 @@
import { Component } from '@angular/core';
@Component({
selector: 'ngx-popover-tabs',
template: `
<nb-tabset>
<nb-tab tabTitle="What's up?">
<div class="p-4">
Such a wonderful day!
</div>
</nb-tab>
<nb-tab tabTitle="Second Tab">
<div class="p-4">
Indeed!
</div>
</nb-tab>
</nb-tabset>
`,
})
export class NgxPopoverTabsComponent {
}
@Component({
selector: 'ngx-popover-form',
template: `
<div class="p-4">
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Recipients">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Subject">
</div>
<div class="form-group">
<textarea class="form-control" placeholder="Message"></textarea>
</div>
<button type="submit" class="btn btn-primary w-100">Send</button>
</form>
</div>
`,
})
export class NgxPopoverFormComponent {
}
@Component({
selector: 'ngx-popover-card',
template: `
<nb-card class="popover-card">
<nb-card-header status="warning">
Hello!
</nb-card-header>
<nb-card-body>
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
there live the blind texts.
Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
</nb-card-body>
</nb-card>
`,
})
export class NgxPopoverCardComponent {
}