From 9baf2fa09a41f972de5c008f52b2a9aba26b5f8e Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 24 Jun 2024 12:49:30 +0200
Subject: [PATCH] chore: add story for readonly state of uui-slider

---
 packages/uui-slider/lib/uui-slider.story.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/uui-slider/lib/uui-slider.story.ts b/packages/uui-slider/lib/uui-slider.story.ts
index 0e296b7a9..eac712fc9 100644
--- a/packages/uui-slider/lib/uui-slider.story.ts
+++ b/packages/uui-slider/lib/uui-slider.story.ts
@@ -17,6 +17,7 @@ export default {
     hideValueLabel: false,
     value: 0,
     disabled: false,
+    readonly: false,
   },
   argTypes: {
     label: {
@@ -38,6 +39,7 @@ const Template: Story = props => html`
     min=${props.min}
     max=${props.max}
     ?disabled=${props.disabled}
+    ?readonly=${props.readonly}
     .value=${props.value}
     .hideStepValues=${props.hideStepValues}
     .hideValueLabel=${props.hideValueLabel}></uui-slider>
@@ -72,3 +74,8 @@ export const Disabled = Template.bind({});
 Disabled.args = {
   disabled: true,
 };
+
+export const Readonly = Template.bind({});
+Readonly.args = {
+  readonly: true,
+};