From 49d685c8ad52278aa73c979cbb2e13fefea98a51 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Tue, 10 Mar 2026 17:35:54 +0100
Subject: [PATCH] Task/improve Storybook stories of value component (#6496)

* Fix label and support size

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b0bbc8bcf..e2dd0d4c8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Improved the _Storybook_ stories of the value component
 - Improved the language localization for Dutch (`nl`)
 
 ### Fixed
diff --git a/libs/ui/src/lib/value/value.component.stories.ts b/libs/ui/src/lib/value/value.component.stories.ts
index a1f9d06a0..eeebe9399 100644
--- a/libs/ui/src/lib/value/value.component.stories.ts
+++ b/libs/ui/src/lib/value/value.component.stories.ts
@@ -16,6 +16,10 @@ export default {
     deviceType: {
       control: 'select',
       options: ['desktop', 'mobile']
+    },
+    size: {
+      control: 'select',
+      options: ['small', 'medium', 'large']
     }
   }
 } as Meta<GfValueComponent>;
@@ -51,7 +55,11 @@ export const Label: Story = {
   args: {
     locale: 'en-US',
     value: 7.25
-  }
+  },
+  render: (args) => ({
+    props: args,
+    template: `<gf-value [locale]="locale" [size]="size" [value]="value">Label</gf-value>`
+  })
 };
 
 export const PerformancePositive: Story = {