From 3685cb8f6380de1ee50e5fcce30e092022cdc734 Mon Sep 17 00:00:00 2001
From: Galina Edinakova <gedinakova@infragistics.com>
Date: Fri, 20 Feb 2026 14:40:17 +0200
Subject: [PATCH] fix(*): Import IgxButtonDirective in services samples

---
 src/app/services/export-csv/csv-export.component.html       | 6 +++---
 src/app/services/export-csv/csv-export.component.ts         | 4 +++-
 src/app/services/export-excel/excel-export.component.html   | 2 +-
 src/app/services/export-excel/excel-export.component.ts     | 4 +++-
 .../transaction-base/transaction-base.component.ts          | 3 ++-
 5 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/app/services/export-csv/csv-export.component.html b/src/app/services/export-csv/csv-export.component.html
index 65047f9259..ce534a7fd1 100644
--- a/src/app/services/export-csv/csv-export.component.html
+++ b/src/app/services/export-csv/csv-export.component.html
@@ -1,7 +1,7 @@
 <p>
   Press the "Export CSV Data" button below to export an array as .csv file.<br />
-  <button (click)="exportCsvButtonHandler()">Export CSV Data</button>
+  <button igxButton="contained" (click)="exportCsvButtonHandler()">Export CSV Data</button>
   <br />
   Press the "Export TSV Data" button below to export an array as .tsv file.<br />
-  <button (click)="exportTsvButtonHandler()">Export TSV Data</button><br />
-</p>
\ No newline at end of file
+  <button igxButton="contained" (click)="exportTsvButtonHandler()">Export TSV Data</button><br />
+</p>
diff --git a/src/app/services/export-csv/csv-export.component.ts b/src/app/services/export-csv/csv-export.component.ts
index 8136f7bd48..563ae4e5f6 100644
--- a/src/app/services/export-csv/csv-export.component.ts
+++ b/src/app/services/export-csv/csv-export.component.ts
@@ -2,11 +2,13 @@
 import { Component, inject } from '@angular/core';
 
 import { CsvFileTypes, IgxCsvExporterOptions, IgxCsvExporterService } from 'igniteui-angular/grids/core';
+import { IgxButtonDirective } from 'igniteui-angular/directives';
 
 @Component({
     selector: 'app-csv-export',
     styleUrls: ['./csv-export.component.scss'],
-    templateUrl: './csv-export.component.html'
+    templateUrl: './csv-export.component.html',
+    imports: [IgxButtonDirective]
 })
 export class CsvExportComponent {
   private csvExportService = inject(IgxCsvExporterService);
diff --git a/src/app/services/export-excel/excel-export.component.html b/src/app/services/export-excel/excel-export.component.html
index 565b249ee8..fb1f6e5471 100644
--- a/src/app/services/export-excel/excel-export.component.html
+++ b/src/app/services/export-excel/excel-export.component.html
@@ -1,4 +1,4 @@
 <p>
   Press the "Export Data" button below to export an array as .xlsx file.<br />
-  <button (click)="exportButtonHandler()">Export Data</button><br />
+  <button igxButton="contained" (click)="exportButtonHandler()">Export Data</button><br />
 </p>
diff --git a/src/app/services/export-excel/excel-export.component.ts b/src/app/services/export-excel/excel-export.component.ts
index 0d9fb4001c..8e794f05c3 100644
--- a/src/app/services/export-excel/excel-export.component.ts
+++ b/src/app/services/export-excel/excel-export.component.ts
@@ -2,11 +2,13 @@
 import { Component, inject } from '@angular/core';
 
 import { IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core';
+import { IgxButtonDirective } from 'igniteui-angular/directives';
 
 @Component({
     selector: 'app-excel-export',
     styleUrls: ['./excel-export.component.scss'],
-    templateUrl: './excel-export.component.html'
+    templateUrl: './excel-export.component.html',
+    imports: [IgxButtonDirective]
 })
 export class ExcelExportComponent {
   private excelExportService = inject(IgxExcelExporterService);
diff --git a/src/app/services/transaction/transaction-base/transaction-base.component.ts b/src/app/services/transaction/transaction-base/transaction-base.component.ts
index 581a1a38e6..bd525280ce 100644
--- a/src/app/services/transaction/transaction-base/transaction-base.component.ts
+++ b/src/app/services/transaction/transaction-base/transaction-base.component.ts
@@ -6,13 +6,14 @@ import { IgxIconComponent } from 'igniteui-angular/icon';
 import { WISHLIST, WishlistItem } from '../data';
 import { NgClass } from '@angular/common';
 import { TransactionBasePipe } from '../pipes/transaction-base.pipe';
+import { IgxButtonDirective } from 'igniteui-angular/directives';
 
 @Component({
     providers: [IgxTransactionService],
     selector: 'app-transaction-base',
     styleUrls: ['./transaction-base.component.scss'],
     templateUrl: 'transaction-base.component.html',
-    imports: [IgxCardComponent, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective, TransactionBasePipe]
+    imports: [IgxButtonDirective, IgxCardComponent, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective, TransactionBasePipe]
 })
 export class TransactionBaseComponent {
     transactions = inject<IgxTransactionService<Transaction, State>>(IgxTransactionService);