From 60f329d56c855a268b0966de901f26c10ab097c0 Mon Sep 17 00:00:00 2001
From: David Requeno <davidrequeno52@gmail.com>
Date: Fri, 17 Jul 2026 22:39:30 -0600
Subject: [PATCH] Task/add Storybook story for value copy-to-clipboard

---
 libs/ui/src/lib/value/value.component.stories.ts | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/libs/ui/src/lib/value/value.component.stories.ts b/libs/ui/src/lib/value/value.component.stories.ts
index 214331efc..54b38cb84 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]
     })
@@ -66,6 +70,15 @@ export const Label: Story = {
   })
 };
 
+export const WithCopyButton: Story = {
+  args: {
+    enableCopyToClipboardButton: true,
+    locale: 'en-US',
+    value: 1234.56
+  },
+  name: 'With Copy Button'
+};
+
 export const PerformancePositive: Story = {
   args: {
     colorizeSign: true,