-
-
-
+
+ Hero Buttons
+
+
+
+
+
+
+
+
+
+ Default Buttons
+
+
+
+
+
+
+
+
+
+ Outline Buttons
+
+
+
+
+
+
+
+
+
+ Ghost Buttons
+
+
+
+
+
+
+
+
-
-
-
+
+ Button shapes
+
+
+
+
+
+
+
+
+ Button sizes
+
+
+
+
+
+
+
-
-
+
+ Action Groups
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Pause
+
+
+
+ Logs
+
+
+
+ Search
+
+
+
+ Setup
+
+
+
+
diff --git a/src/app/pages/forms/buttons/buttons.component.scss b/src/app/pages/forms/buttons/buttons.component.scss
index 10bda4e9d1..71df895406 100644
--- a/src/app/pages/forms/buttons/buttons.component.scss
+++ b/src/app/pages/forms/buttons/buttons.component.scss
@@ -1,103 +1,20 @@
-//@import '../../../@theme/styles/themes';
-//@import '~@nebular/bootstrap/styles/buttons';
-//@import '~bootstrap/scss/mixins/breakpoints';
-//@import '~@nebular/theme/styles/global/breakpoints';
-//
-//@include nb-install-component() {
-// ::ng-deep {
-// $button-size: 50px;
-//
-// .container-title {
-// color: nb-theme(color-fg);
-// font-family: nb-theme(font-secondary);
-// margin-bottom: 0.5rem;
-// }
-//
-// .header {
-// color: nb-theme(color-fg-header);
-// font-size: 0.875rem;
-// }
-//
-// .subheader {
-// font-size: 0.75rem;
-// font-weight: nb-theme(font-weight-light);
-// color: nb-theme(color-fg);
-// }
-//
-// .btn-demo {
-// width: 180px;
-// }
-//
-// .state-container {
-// display: flex;
-//
-// &:not(:last-child) {
-// margin-bottom: 1rem;
-// }
-//
-// .state-value {
-// width: $button-size;
-// height: $button-size;
-// border-radius: nb-theme(btn-border-radius);
-//
-// @include nb-for-theme(corporate) {
-// border-radius: nb-theme(btn-semi-round-border-radius);
-// }
-// }
-//
-// .state-details {
-// display: flex;
-// flex-direction: column;
-// justify-content: center;
-// margin-left: 1rem;
-// margin-right: 1rem;
-// height: $button-size;
-// }
-// }
-//
-// .example-container {
-// @include nb-ltr(padding-right, 0);
-// @include nb-rtl(padding-left, 0);
-// }
-//
-// .example-container .container-btn {
-// margin-bottom: 1.5rem;
-// }
-//
-// .block-level-buttons .btn-group {
-// margin-bottom: 1rem;
-// }
-// }
-//
-// @include media-breakpoint-down(is) {
-// ngx-default-buttons ::ng-deep nb-card-header {
-// flex-direction: column;
-// align-items: left;
-//
-// span {
-// margin-bottom: 1rem;
-// }
-// }
-// }
-//
-// @include media-breakpoint-down(xs) {
-//
-// ::ng-deep.icon-buttons .icon-button-examples {
-// button {
-// @include nb-ltr(margin-right, 1rem);
-// @include nb-rtl(margin-left, 1rem);
-// }
-// }
-//
-// ngx-default-buttons ::ng-deep nb-card-header {
-// flex-direction: column;
-// margin-bottom: 0.5rem;
-// }
-//
-// ngx-block-level-buttons ::ng-deep {
-// .btn-primary {
-// padding: 0.75rem 1rem;
-// }
-// }
-// }
-//}
+@import '../../../@theme/styles/themes';
+
+@include nb-install-component() {
+ .buttons-row {
+ margin: -0.5rem;
+ }
+
+ button[nbButton] {
+ margin: 0.5rem;
+ }
+
+ .action-icon {
+ @include nb-ltr(margin-right, 0.5rem);
+ @include nb-rtl(margin-left, 0.5rem);
+ }
+
+ .actions-card {
+ height: 8rem;
+ }
+}
diff --git a/src/app/pages/forms/buttons/buttons.component.ts b/src/app/pages/forms/buttons/buttons.component.ts
index c632c86983..f839321e2b 100644
--- a/src/app/pages/forms/buttons/buttons.component.ts
+++ b/src/app/pages/forms/buttons/buttons.component.ts
@@ -1,4 +1,5 @@
import { Component } from '@angular/core';
+import { NbComponentShape, NbComponentSize, NbComponentStatus } from '@nebular/theme';
@Component({
selector: 'ngx-buttons',
@@ -6,4 +7,7 @@ import { Component } from '@angular/core';
templateUrl: './buttons.component.html',
})
export class ButtonsComponent {
+ statuses: NbComponentStatus[] = [ 'primary', 'success', 'info', 'warning', 'danger' ];
+ shapes: NbComponentShape[] = [ 'rectangle', 'semi-round', 'round' ];
+ sizes: NbComponentSize[] = [ 'tiny', 'small', 'medium', 'large', 'giant' ];
}
diff --git a/src/app/pages/forms/buttons/default-buttons/default-buttons.component.html b/src/app/pages/forms/buttons/default-buttons/default-buttons.component.html
deleted file mode 100644
index 022e624ddc..0000000000
--- a/src/app/pages/forms/buttons/default-buttons/default-buttons.component.html
+++ /dev/null
@@ -1,44 +0,0 @@
-