From a4bbfae1f94360ed28e75267978e6fa90d26b277 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Wed, 28 Aug 2024 12:11:39 +0200
Subject: [PATCH] docs: docs for readonly for uui-card-content-node

---
 .../lib/uui-card-block-type.story.ts          | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/packages/uui-card-block-type/lib/uui-card-block-type.story.ts b/packages/uui-card-block-type/lib/uui-card-block-type.story.ts
index 4aa0af36c..b27a444ed 100644
--- a/packages/uui-card-block-type/lib/uui-card-block-type.story.ts
+++ b/packages/uui-card-block-type/lib/uui-card-block-type.story.ts
@@ -50,6 +50,7 @@ export const AAAOverview: StoryFn = props => html`
     ?selected=${props.selected}
     ?error=${props.error}
     ?disabled=${props.disabled}
+    ?readonly=${props.readonly}
     href=${props.href}
     target=${props.target}
     rel=${props.rel}>
@@ -351,4 +352,31 @@ Disabled.args = {
   disabled: true,
 };
 
+export const Readonly: StoryFn = props => html`
+  <uui-card-block-type
+    name=${props.name}
+    description=${props.description}
+    background=${props.background}
+    ?selectable=${props.selectable}
+    ?selected=${props.selected}
+    ?error=${props.error}
+    ?disabled=${props.disabled}
+    ?readonly=${props.readonly}
+    href=${props.href}
+    target=${props.target}
+    rel=${props.rel}>
+    ${renderWandIcon()}
+  </uui-card-block-type>
+`;
+
+Readonly.args = {
+  name: 'The Block Name',
+  description: 'This block seems to be readonly!',
+  selectable: false,
+  selected: false,
+  error: false,
+  disabled: false,
+  readonly: true,
+};
+
 export default meta;