From dbe0904aa0cb41229a4ef165c20b1eb1643ea5e4 Mon Sep 17 00:00:00 2001
From: David Requeno <108202767+DavidReque@users.noreply.github.com>
Date: Sat, 18 Jul 2026 01:06:08 -0600
Subject: [PATCH] Task/add Storybook story for copy-to-clipboard functionality
 in value component (#7365)

* Add Storybook story for copy-to-clipboard functionality

* Update changelog
---
 CHANGELOG.md                                     |  4 ++++
 libs/ui/src/lib/value/value.component.stories.ts | 15 ++++++++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d28e8145e..58c5a6823 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added a _Storybook_ story for the copy-to-clipboard functionality in the value component
+
 ### Changed
 
 - Improved the language localization for German (`de`)
diff --git a/libs/ui/src/lib/value/value.component.stories.ts b/libs/ui/src/lib/value/value.component.stories.ts
index 214331efc..5a285e89b 100644
--- a/libs/ui/src/lib/value/value.component.stories.ts
+++ b/libs/ui/src/lib/value/value.component.stories.ts
@@ -1,5 +1,6 @@
 import '@angular/localize/init';
-import { moduleMetadata } from '@storybook/angular';
+import { provideNoopAnimations } from '@angular/platform-browser/animations';
+import { applicationConfig, moduleMetadata } from '@storybook/angular';
 import type { Meta, StoryObj } from '@storybook/angular';
 import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
 
@@ -9,6 +10,9 @@ export default {
   title: 'Value',
   component: GfValueComponent,
   decorators: [
+    applicationConfig({
+      providers: [provideNoopAnimations()]
+    }),
     moduleMetadata({
       imports: [NgxSkeletonLoaderModule]
     })
@@ -103,3 +107,12 @@ export const Precision: Story = {
     value: 7.2534802394809285309
   }
 };
+
+export const WithCopyButton: Story = {
+  args: {
+    enableCopyToClipboardButton: true,
+    locale: 'en-US',
+    value: 1234.56
+  },
+  name: 'With Copy Button'
+};