diff --git a/src/app/pages/ui-features/buttons/buttons.component.html b/src/app/pages/ui-features/buttons/buttons.component.html
index f13a0f0a..411f5a83 100644
--- a/src/app/pages/ui-features/buttons/buttons.component.html
+++ b/src/app/pages/ui-features/buttons/buttons.component.html
@@ -6,7 +6,9 @@
     <ngx-shape-buttons></ngx-shape-buttons>
     <ngx-actions-groups></ngx-actions-groups>
     <nga-card>
-      <nga-card-body>Disconect</nga-card-body>
+      <nga-card-body>
+        <ngx-labeled-actions-group></ngx-labeled-actions-group>
+      </nga-card-body>
     </nga-card>
     <div class="row">
       <div class="col-lg-4">
diff --git a/src/app/pages/ui-features/buttons/buttons.module.ts b/src/app/pages/ui-features/buttons/buttons.module.ts
index 64c9860f..73883a29 100644
--- a/src/app/pages/ui-features/buttons/buttons.module.ts
+++ b/src/app/pages/ui-features/buttons/buttons.module.ts
@@ -13,6 +13,7 @@ import { DropdownButtonsComponent } from './dropdown-buttons/dropdown-button.com
 import { BlockLevelButtonsComponent } from './block-level-buttons/block-level-buttons.component';
 import { ButtonGroupsComponent } from './button-groups/button-groups.component';
 import { IconButtonsComponent } from './icon-buttons/icon-buttons.component';
+import { LabeledActionsGroupComponent } from './labeled-actions-group/labeled-actions-group.component';
 
 const components = [
   ButtonsComponent,
@@ -25,6 +26,7 @@ const components = [
   BlockLevelButtonsComponent,
   ButtonGroupsComponent,
   IconButtonsComponent,
+  LabeledActionsGroupComponent,
 ];
 
 @NgModule({
diff --git a/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.html b/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.html
new file mode 100644
index 00000000..2a7d0103
--- /dev/null
+++ b/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.html
@@ -0,0 +1,14 @@
+<nga-actions size="medium" fullWidth>
+  <nga-action>
+    <i class="ion-ios-pause-outline"></i><span>Pause</span>
+  </nga-action>
+  <nga-action>
+    <i class="ion-navicon"></i><span>Log View</span>
+  </nga-action>
+  <nga-action>
+    <i class="ion-ios-search"></i><span>Search</span>
+  </nga-action>
+  <nga-action>
+    <i class="ion-ios-gear-outline"></i><span>Setup</span>
+  </nga-action>
+</nga-actions>
diff --git a/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.scss b/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.scss
new file mode 100644
index 00000000..e7d56211
--- /dev/null
+++ b/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.scss
@@ -0,0 +1,18 @@
+@import '../../../../@theme/styles/variables';
+
+@include nga-install-component() {
+  nga-action {
+    i {
+      color: nga-theme(color-fg);
+      font-size: 2.5rem;
+      margin-right: 1rem;
+    }
+
+    span {
+      font-family: nga-theme(font-family-secondary);
+      font-weight: nga-theme(font-weight-bold);
+      color: nga-theme(color-fg-heading);
+      text-transform: uppercase;
+    }
+  }
+}
diff --git a/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.ts b/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.ts
new file mode 100644
index 00000000..8ff17224
--- /dev/null
+++ b/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'ngx-labeled-actions-group',
+  styleUrls: ['./labeled-actions-group.component.scss'],
+  templateUrl: './labeled-actions-group.component.html',
+})
+export class LabeledActionsGroupComponent {
+}