-
Notifications
You must be signed in to change notification settings - Fork 8k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
28 changed files
with
144 additions
and
1,355 deletions.
There are no files selected for viewing
17 changes: 0 additions & 17 deletions
17
src/app/pages/forms/buttons/action-groups/action-groups.component.html
This file was deleted.
Oops, something went wrong.
77 changes: 0 additions & 77 deletions
77
src/app/pages/forms/buttons/action-groups/action-groups.component.scss
This file was deleted.
Oops, something went wrong.
9 changes: 0 additions & 9 deletions
9
src/app/pages/forms/buttons/action-groups/action-groups.component.ts
This file was deleted.
Oops, something went wrong.
17 changes: 0 additions & 17 deletions
17
src/app/pages/forms/buttons/button-elements/button-elements.component.html
This file was deleted.
Oops, something went wrong.
15 changes: 0 additions & 15 deletions
15
src/app/pages/forms/buttons/button-elements/button-elements.component.scss
This file was deleted.
Oops, something went wrong.
12 changes: 0 additions & 12 deletions
12
src/app/pages/forms/buttons/button-elements/button-elements.component.ts
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,16 +1,123 @@ | ||
| <div class="row"> | ||
| <div class="col-lg-12"> | ||
| <ngx-hero-buttons></ngx-hero-buttons> | ||
| <ngx-default-buttons></ngx-default-buttons> | ||
| <ngx-outline-buttons></ngx-outline-buttons> | ||
| <nb-card> | ||
| <nb-card-header>Hero Buttons</nb-card-header> | ||
| <nb-card-body> | ||
| <div class="buttons-row"> | ||
| <button *ngFor="let status of statuses" nbButton [status]="status" hero> | ||
| {{ status }} | ||
| </button> | ||
| <button disabled nbButton hero> | ||
| disabled | ||
| </button> | ||
| </div> | ||
| </nb-card-body> | ||
| </nb-card> | ||
|
|
||
| <nb-card> | ||
| <nb-card-header>Default Buttons</nb-card-header> | ||
| <nb-card-body> | ||
| <div class="buttons-row"> | ||
| <button *ngFor="let status of statuses" nbButton [status]="status"> | ||
| {{ status }} | ||
| </button> | ||
| <button disabled nbButton> | ||
| disabled | ||
| </button> | ||
| </div> | ||
| </nb-card-body> | ||
| </nb-card> | ||
|
|
||
| <nb-card> | ||
| <nb-card-header>Outline Buttons</nb-card-header> | ||
| <nb-card-body> | ||
| <div class="buttons-row"> | ||
| <button *ngFor="let status of statuses" nbButton [status]="status" outline> | ||
| {{ status }} | ||
| </button> | ||
| <button disabled nbButton outline> | ||
| disabled | ||
| </button> | ||
| </div> | ||
| </nb-card-body> | ||
| </nb-card> | ||
|
|
||
| <nb-card> | ||
| <nb-card-header>Ghost Buttons</nb-card-header> | ||
| <nb-card-body> | ||
| <div class="buttons-row"> | ||
| <button *ngFor="let status of statuses" nbButton [status]="status" ghost> | ||
| {{ status }} | ||
| </button> | ||
| <button disabled nbButton outline> | ||
| disabled | ||
| </button> | ||
| </div> | ||
| </nb-card-body> | ||
| </nb-card> | ||
| </div> | ||
|
|
||
| <div class="col-md-12 col-lg-12 col-xxxl-6"> | ||
| <ngx-shape-buttons></ngx-shape-buttons> | ||
| <ngx-action-groups></ngx-action-groups> | ||
| <ngx-labeled-actions-group></ngx-labeled-actions-group> | ||
| <nb-card> | ||
| <nb-card-header>Button shapes</nb-card-header> | ||
| <nb-card-body> | ||
| <div class="buttons-row"> | ||
| <button *ngFor="let shape of shapes" nbButton [shape]="shape"> | ||
| {{ shape }} | ||
| </button> | ||
| </div> | ||
| </nb-card-body> | ||
| </nb-card> | ||
|
|
||
| <nb-card> | ||
| <nb-card-header>Button sizes</nb-card-header> | ||
| <nb-card-body> | ||
| <div class="buttons-row"> | ||
| <button *ngFor="let size of sizes" nbButton [size]="size"> | ||
| {{ size }} | ||
| </button> | ||
| </div> | ||
| </nb-card-body> | ||
| </nb-card> | ||
| </div> | ||
|
|
||
| <div class="col-md-12 col-lg-12 col-xxxl-6"> | ||
| <ngx-size-buttons></ngx-size-buttons> | ||
| <ngx-button-elements></ngx-button-elements> | ||
| <nb-card class="actions-card"> | ||
| <nb-card-header>Action Groups</nb-card-header> | ||
| <nb-card-body> | ||
| <nb-actions size="medium"> | ||
| <nb-action icon="menu-outline"></nb-action> | ||
| <nb-action icon="search-outline"></nb-action> | ||
| <nb-action icon="email-outline"></nb-action> | ||
| <nb-action disabled icon="bell-outline"></nb-action><nb-action> | ||
| <nb-user name="Han Solo"></nb-user> | ||
| </nb-action> | ||
| <nb-action icon="settings-2-outline"></nb-action> | ||
| </nb-actions> | ||
| </nb-card-body> | ||
| </nb-card> | ||
|
|
||
| <nb-card> | ||
| <nb-card-body> | ||
| <nb-actions size="medium" fullWidth> | ||
| <nb-action> | ||
| <nb-icon class="action-icon" icon="pause-circle-outline"></nb-icon> | ||
| <span>Pause</span> | ||
| </nb-action> | ||
| <nb-action> | ||
| <nb-icon class="action-icon" icon="list-outline"></nb-icon> | ||
| <span>Logs</span> | ||
| </nb-action> | ||
| <nb-action> | ||
| <nb-icon class="action-icon" icon="search-outline"></nb-icon> | ||
| <span>Search</span> | ||
| </nb-action> | ||
| <nb-action> | ||
| <nb-icon class="action-icon" icon="settings-2-outline"></nb-icon> | ||
| <span>Setup</span> | ||
| </nb-action> | ||
| </nb-actions> | ||
| </nb-card-body> | ||
| </nb-card> | ||
| </div> | ||
| </div> |
Oops, something went wrong.