From a6a75b6319e9ca644e182f3027ac44723c0e95fd Mon Sep 17 00:00:00 2001
From: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
Date: Fri, 6 Sep 2024 10:39:55 +0200
Subject: [PATCH] add readme

---
 packages/uui-action-bar/lib/uui-action-bar.stories.ts        | 5 +++++
 packages/uui-avatar-group/lib/uui-avatar-group.stories.ts    | 5 +++++
 packages/uui-avatar/lib/uui-avatar.stories.ts                | 5 +++++
 packages/uui-badge/lib/uui-badge.stories.ts                  | 5 +++++
 packages/uui-box/lib/uui-box.stories.ts                      | 5 +++++
 packages/uui-breadcrumbs/lib/uui-breadcrumbs.stories.ts      | 5 +++++
 packages/uui-button-group/lib/uui-button-group.stories.ts    | 5 +++++
 .../lib/uui-button-inline-create.stories.ts                  | 5 +++++
 packages/uui-button/lib/uui-button.stories.ts                | 5 +++++
 .../uui-card-block-type/lib/uui-card-block-type.stories.ts   | 5 +++++
 .../lib/uui-card-content-node.stories.ts                     | 5 +++++
 packages/uui-card-media/lib/uui-card-media.stories.ts        | 5 +++++
 packages/uui-card-user/lib/uui-card-user.stories.ts          | 5 +++++
 packages/uui-card/lib/uui-card.stories.ts                    | 5 +++++
 packages/uui-caret/lib/uui-caret.stories.ts                  | 5 +++++
 packages/uui-checkbox/lib/uui-checkbox.stories.ts            | 5 +++++
 packages/uui-color-area/lib/uui-color-area.stories.ts        | 5 +++++
 packages/uui-color-picker/lib/uui-color-picker.stories.ts    | 5 +++++
 packages/uui-color-slider/lib/uui-color-slider.stories.ts    | 5 +++++
 packages/uui-color-swatch/lib/uui-color-swatch.stories.ts    | 5 +++++
 .../uui-color-swatches/lib/uui-color-swatches.stories.ts     | 5 +++++
 packages/uui-combobox-list/lib/uui-combobox-list.stories.ts  | 5 +++++
 packages/uui-combobox/lib/uui-combobox.stories.ts            | 3 +++
 packages/uui-dialog-layout/lib/uui-dialog-layout.stories.ts  | 5 +++++
 packages/uui-dialog/lib/uui-dialog.stories.ts                | 5 +++++
 packages/uui-file-dropzone/lib/uui-file-dropzone.stories.ts  | 5 +++++
 packages/uui-file-preview/lib/uui-file-preview.stories.ts    | 5 +++++
 packages/uui-form-layout-item/lib/uui-form-layout.stories.ts | 5 +++++
 .../lib/uui-form-validation-message.stories.ts               | 5 +++++
 packages/uui-form/lib/uui-form.stories.ts                    | 5 +++++
 packages/uui-icon/lib/uui-icon.stories.ts                    | 5 +++++
 packages/uui-input-file/lib/uui-input-file.stories.ts        | 5 +++++
 packages/uui-input-lock/lib/uui-input-lock.stories.ts        | 5 +++++
 .../uui-input-password/lib/uui-input-password.stories.ts     | 5 +++++
 packages/uui-input/lib/uui-input.stories.ts                  | 5 +++++
 .../lib/uui-keyboard-shortcut.stories.ts                     | 5 +++++
 packages/uui-label/lib/uui-label.stories.ts                  | 5 +++++
 packages/uui-loader-bar/lib/uui-loader-bar.stories.ts        | 5 +++++
 packages/uui-loader-circle/lib/uui-loader-circle.stories.ts  | 5 +++++
 packages/uui-loader/lib/uui-loader.stories.ts                | 5 +++++
 packages/uui-menu-item/lib/uui-menu-item.stories.ts          | 5 +++++
 packages/uui-modal/lib/uui-modal.stories.ts                  | 5 +++++
 packages/uui-pagination/lib/uui-pagination.stories.ts        | 5 +++++
 .../lib/uui-popover-container.stories.ts                     | 5 +++++
 packages/uui-progress-bar/lib/uui-progress-bar.stories.ts    | 5 +++++
 packages/uui-radio/lib/uui-radio.stories.ts                  | 5 +++++
 packages/uui-range-slider/lib/uui-range-slider.stories.ts    | 5 +++++
 packages/uui-ref-list/lib/uui-ref-list.stories.ts            | 5 +++++
 .../lib/uui-ref-node-data-type.stories.ts                    | 5 +++++
 .../lib/uui-ref-node-document-type.stories.ts                | 5 +++++
 packages/uui-ref-node-form/lib/uui-ref-node-form.stories.ts  | 5 +++++
 .../uui-ref-node-member/lib/uui-ref-node-member.stories.ts   | 5 +++++
 .../uui-ref-node-package/lib/uui-ref-node-package.stories.ts | 5 +++++
 packages/uui-ref-node-user/lib/uui-ref-node-user.stories.ts  | 5 +++++
 packages/uui-ref-node/lib/uui-ref-node.stories.ts            | 5 +++++
 .../uui-scroll-container/lib/uui-scroll-container.stories.ts | 5 +++++
 packages/uui-select/lib/uui-select.stories.ts                | 3 +++
 packages/uui-slider/lib/uui-slider.stories.ts                | 5 +++++
 packages/uui-symbol-expand/lib/uui-symbol-expand.stories.ts  | 5 +++++
 .../lib/uui-symbol-file-dropzone.stories.ts                  | 5 +++++
 .../lib/uui-symbol-file-thumbnail.stories.ts                 | 5 +++++
 packages/uui-symbol-file/lib/uui-symbol-file.stories.ts      | 5 +++++
 packages/uui-symbol-folder/lib/uui-symbol-folder.stories.ts  | 5 +++++
 packages/uui-symbol-lock/lib/uui-symbol-lock.stories.ts      | 5 +++++
 packages/uui-symbol-more/lib/uui-symbol-more.stories.ts      | 5 +++++
 packages/uui-symbol-sort/lib/uui-symbol-sort.stories.ts      | 5 +++++
 packages/uui-table/lib/uui-table-cell.stories.ts             | 5 +++++
 packages/uui-table/lib/uui-table-row.stories.ts              | 5 +++++
 packages/uui-table/lib/uui-table.stories.ts                  | 5 +++++
 packages/uui-tabs/lib/uui-tabs.stories.ts                    | 5 +++++
 packages/uui-tag/lib/uui-tag.stories.ts                      | 5 +++++
 packages/uui-textarea/lib/uui-textarea.stories.ts            | 5 +++++
 .../lib/uui-toast-notification-container.stories.ts          | 5 +++++
 .../lib/uui-toast-notification-layout.stories.ts             | 5 +++++
 .../lib/uui-toast-notification.stories.ts                    | 5 +++++
 packages/uui-toggle/lib/uui-toggle.stories.ts                | 5 +++++
 .../uui-visually-hidden/lib/uui-visually-hidden.stories.ts   | 5 +++++
 77 files changed, 381 insertions(+)

diff --git a/packages/uui-action-bar/lib/uui-action-bar.stories.ts b/packages/uui-action-bar/lib/uui-action-bar.stories.ts
index 8d892ddde..30168af7e 100644
--- a/packages/uui-action-bar/lib/uui-action-bar.stories.ts
+++ b/packages/uui-action-bar/lib/uui-action-bar.stories.ts
@@ -24,6 +24,11 @@ const meta: Meta = {
       options: ['default', 'positive', 'warning', 'danger'],
     },
   },
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-avatar-group/lib/uui-avatar-group.stories.ts b/packages/uui-avatar-group/lib/uui-avatar-group.stories.ts
index e01d734b2..074ba2d1c 100644
--- a/packages/uui-avatar-group/lib/uui-avatar-group.stories.ts
+++ b/packages/uui-avatar-group/lib/uui-avatar-group.stories.ts
@@ -26,6 +26,11 @@ const meta: Meta = {
       <uui-avatar name="Jesper Møller Jensen"></uui-avatar>
     </uui-avatar-group>`;
   },
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-avatar/lib/uui-avatar.stories.ts b/packages/uui-avatar/lib/uui-avatar.stories.ts
index 0a30e30bc..95eb3f866 100644
--- a/packages/uui-avatar/lib/uui-avatar.stories.ts
+++ b/packages/uui-avatar/lib/uui-avatar.stories.ts
@@ -16,6 +16,11 @@ const meta: Meta = {
   render: args => {
     return html`<uui-avatar ${spread(args)}></uui-avatar>`;
   },
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-badge/lib/uui-badge.stories.ts b/packages/uui-badge/lib/uui-badge.stories.ts
index 86b4f5ad3..f97bd4a87 100644
--- a/packages/uui-badge/lib/uui-badge.stories.ts
+++ b/packages/uui-badge/lib/uui-badge.stories.ts
@@ -23,6 +23,11 @@ const meta: Meta = {
   render: args => {
     return html`<uui-badge ${spread(args)}>${renderSlots(args)}</uui-badge>`;
   },
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-box/lib/uui-box.stories.ts b/packages/uui-box/lib/uui-box.stories.ts
index cb1ca4ce6..0acda68c6 100644
--- a/packages/uui-box/lib/uui-box.stories.ts
+++ b/packages/uui-box/lib/uui-box.stories.ts
@@ -36,6 +36,11 @@ const meta: Meta = {
       ${args['slot']}
     </uui-box>`;
   },
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-breadcrumbs/lib/uui-breadcrumbs.stories.ts b/packages/uui-breadcrumbs/lib/uui-breadcrumbs.stories.ts
index 15eb1a3aa..8c3a13e0e 100644
--- a/packages/uui-breadcrumbs/lib/uui-breadcrumbs.stories.ts
+++ b/packages/uui-breadcrumbs/lib/uui-breadcrumbs.stories.ts
@@ -13,6 +13,11 @@ const meta: Meta = {
       <uui-breadcrumb-item href="#Products">Products</uui-breadcrumb-item>
       <uui-breadcrumb-item href="#Cars">Cars</uui-breadcrumb-item>
     </uui-breadcrumbs>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-button-group/lib/uui-button-group.stories.ts b/packages/uui-button-group/lib/uui-button-group.stories.ts
index e5e28d3b5..991a72a50 100644
--- a/packages/uui-button-group/lib/uui-button-group.stories.ts
+++ b/packages/uui-button-group/lib/uui-button-group.stories.ts
@@ -15,6 +15,11 @@ const meta: Meta = {
       <uui-button look="primary" color="danger" label="Delete"></uui-button>
     </uui-button-group>
   `,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-button-inline-create/lib/uui-button-inline-create.stories.ts b/packages/uui-button-inline-create/lib/uui-button-inline-create.stories.ts
index ff008fc48..81381b1b9 100644
--- a/packages/uui-button-inline-create/lib/uui-button-inline-create.stories.ts
+++ b/packages/uui-button-inline-create/lib/uui-button-inline-create.stories.ts
@@ -8,6 +8,11 @@ const meta: Meta = {
   id: 'uui-button-inline-create',
   component: 'uui-button-inline-create',
   title: 'Buttons/Button Inline Create',
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-button/lib/uui-button.stories.ts b/packages/uui-button/lib/uui-button.stories.ts
index b90db891d..00cfca51c 100644
--- a/packages/uui-button/lib/uui-button.stories.ts
+++ b/packages/uui-button/lib/uui-button.stories.ts
@@ -50,6 +50,11 @@ const meta: Meta = {
   render: args => {
     return html`<uui-button ${spread(args)}>${renderSlots(args)}</uui-button>`;
   },
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-card-block-type/lib/uui-card-block-type.stories.ts b/packages/uui-card-block-type/lib/uui-card-block-type.stories.ts
index c15a29dab..b0da2f166 100644
--- a/packages/uui-card-block-type/lib/uui-card-block-type.stories.ts
+++ b/packages/uui-card-block-type/lib/uui-card-block-type.stories.ts
@@ -33,6 +33,11 @@ const meta: Meta = {
         ${Story()}
       </div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-card-content-node/lib/uui-card-content-node.stories.ts b/packages/uui-card-content-node/lib/uui-card-content-node.stories.ts
index f32421797..f46d344db 100644
--- a/packages/uui-card-content-node/lib/uui-card-content-node.stories.ts
+++ b/packages/uui-card-content-node/lib/uui-card-content-node.stories.ts
@@ -42,6 +42,11 @@ const meta: Meta = {
         ${Story()}
       </div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-card-media/lib/uui-card-media.stories.ts b/packages/uui-card-media/lib/uui-card-media.stories.ts
index 6da7d9335..b4b3b4160 100644
--- a/packages/uui-card-media/lib/uui-card-media.stories.ts
+++ b/packages/uui-card-media/lib/uui-card-media.stories.ts
@@ -29,6 +29,11 @@ const meta: Meta = {
         ${Story()}
       </div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-card-user/lib/uui-card-user.stories.ts b/packages/uui-card-user/lib/uui-card-user.stories.ts
index 2076d0dc4..e8fde5136 100644
--- a/packages/uui-card-user/lib/uui-card-user.stories.ts
+++ b/packages/uui-card-user/lib/uui-card-user.stories.ts
@@ -31,6 +31,11 @@ const meta: Meta = {
         ${Story()}
       </div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-card/lib/uui-card.stories.ts b/packages/uui-card/lib/uui-card.stories.ts
index 5e36b5a6a..8bc417226 100644
--- a/packages/uui-card/lib/uui-card.stories.ts
+++ b/packages/uui-card/lib/uui-card.stories.ts
@@ -21,6 +21,11 @@ const meta: Meta = {
         ${Story()}
       </div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-caret/lib/uui-caret.stories.ts b/packages/uui-caret/lib/uui-caret.stories.ts
index 85199bc38..2ce214e55 100644
--- a/packages/uui-caret/lib/uui-caret.stories.ts
+++ b/packages/uui-caret/lib/uui-caret.stories.ts
@@ -9,6 +9,11 @@ const meta: Meta = {
   component: 'uui-caret',
   title: 'Symbols/Caret',
   render: args => html`<uui-caret ${spread(args)}></uui-caret>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-checkbox/lib/uui-checkbox.stories.ts b/packages/uui-checkbox/lib/uui-checkbox.stories.ts
index c40ce2536..72b685cc3 100644
--- a/packages/uui-checkbox/lib/uui-checkbox.stories.ts
+++ b/packages/uui-checkbox/lib/uui-checkbox.stories.ts
@@ -15,6 +15,11 @@ const meta: Meta = {
   },
   render: args =>
     html`<uui-checkbox ${spread(args)}>${renderSlots(args)}</uui-checkbox>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-color-area/lib/uui-color-area.stories.ts b/packages/uui-color-area/lib/uui-color-area.stories.ts
index ff021a1be..05b2fca26 100644
--- a/packages/uui-color-area/lib/uui-color-area.stories.ts
+++ b/packages/uui-color-area/lib/uui-color-area.stories.ts
@@ -12,6 +12,11 @@ const meta: Meta = {
     value: { control: 'color' },
   },
   render: args => html`<uui-color-area ${spread(args)}></uui-color-area>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-color-picker/lib/uui-color-picker.stories.ts b/packages/uui-color-picker/lib/uui-color-picker.stories.ts
index dafd50736..a8c0b9ebb 100644
--- a/packages/uui-color-picker/lib/uui-color-picker.stories.ts
+++ b/packages/uui-color-picker/lib/uui-color-picker.stories.ts
@@ -33,6 +33,11 @@ const meta: Meta = {
     },
   },
   render: args => html`<uui-color-picker ${spread(args)}></uui-color-picker>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-color-slider/lib/uui-color-slider.stories.ts b/packages/uui-color-slider/lib/uui-color-slider.stories.ts
index a649f75e8..1bc318ff1 100644
--- a/packages/uui-color-slider/lib/uui-color-slider.stories.ts
+++ b/packages/uui-color-slider/lib/uui-color-slider.stories.ts
@@ -15,6 +15,11 @@ const meta: Meta = {
     },
   },
   render: args => html`<uui-color-slider ${spread(args)}></uui-color-slider>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-color-swatch/lib/uui-color-swatch.stories.ts b/packages/uui-color-swatch/lib/uui-color-swatch.stories.ts
index ebef0f247..bbbf20773 100644
--- a/packages/uui-color-swatch/lib/uui-color-swatch.stories.ts
+++ b/packages/uui-color-swatch/lib/uui-color-swatch.stories.ts
@@ -19,6 +19,11 @@ const meta: Meta = {
     html`<uui-color-swatch ${spread(args)}
       >${renderSlots(args)}</uui-color-swatch
     >`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-color-swatches/lib/uui-color-swatches.stories.ts b/packages/uui-color-swatches/lib/uui-color-swatches.stories.ts
index 7b0de7d64..55af6429d 100644
--- a/packages/uui-color-swatches/lib/uui-color-swatches.stories.ts
+++ b/packages/uui-color-swatches/lib/uui-color-swatches.stories.ts
@@ -36,6 +36,11 @@ const meta: Meta = {
   })}
 </uui-color-swatches>
   `,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-combobox-list/lib/uui-combobox-list.stories.ts b/packages/uui-combobox-list/lib/uui-combobox-list.stories.ts
index f90798b12..01a377ef8 100644
--- a/packages/uui-combobox-list/lib/uui-combobox-list.stories.ts
+++ b/packages/uui-combobox-list/lib/uui-combobox-list.stories.ts
@@ -14,6 +14,11 @@ const meta: Meta = {
       <uui-combobox-list-option>orange</uui-combobox-list-option>
       <uui-combobox-list-option>lemon</uui-combobox-list-option>
     </uui-combobox-list>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-combobox/lib/uui-combobox.stories.ts b/packages/uui-combobox/lib/uui-combobox.stories.ts
index cae41891b..98b603c41 100644
--- a/packages/uui-combobox/lib/uui-combobox.stories.ts
+++ b/packages/uui-combobox/lib/uui-combobox.stories.ts
@@ -57,6 +57,9 @@ const meta: Meta = {
       ),
   },
   parameters: {
+    readme: {
+      markdown: readme,
+    },
     controls: {
       exclude: ['listItemRenderer', 'filter'],
     },
diff --git a/packages/uui-dialog-layout/lib/uui-dialog-layout.stories.ts b/packages/uui-dialog-layout/lib/uui-dialog-layout.stories.ts
index 6d438bc65..5799b3546 100644
--- a/packages/uui-dialog-layout/lib/uui-dialog-layout.stories.ts
+++ b/packages/uui-dialog-layout/lib/uui-dialog-layout.stories.ts
@@ -17,6 +17,11 @@ const meta: Meta = {
     html`<uui-dialog-layout ${spread(args)}
       >${renderSlots(args)}</uui-dialog-layout
     >`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-dialog/lib/uui-dialog.stories.ts b/packages/uui-dialog/lib/uui-dialog.stories.ts
index 1c8c3ebaf..ca3314ba6 100644
--- a/packages/uui-dialog/lib/uui-dialog.stories.ts
+++ b/packages/uui-dialog/lib/uui-dialog.stories.ts
@@ -13,6 +13,11 @@ const meta: Meta = {
   title: 'Displays/Dialog/Dialog',
   render: args =>
     html`<uui-dialog ${spread(args)}>${renderSlots(args)}</uui-dialog>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-file-dropzone/lib/uui-file-dropzone.stories.ts b/packages/uui-file-dropzone/lib/uui-file-dropzone.stories.ts
index 676c4b3fa..086a11914 100644
--- a/packages/uui-file-dropzone/lib/uui-file-dropzone.stories.ts
+++ b/packages/uui-file-dropzone/lib/uui-file-dropzone.stories.ts
@@ -24,6 +24,11 @@ const meta: Meta = {
         </div>
         ${Story()}`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-file-preview/lib/uui-file-preview.stories.ts b/packages/uui-file-preview/lib/uui-file-preview.stories.ts
index af24483cc..f26b7df51 100644
--- a/packages/uui-file-preview/lib/uui-file-preview.stories.ts
+++ b/packages/uui-file-preview/lib/uui-file-preview.stories.ts
@@ -20,6 +20,11 @@ const meta: Meta = {
     html`<uui-file-preview ${spread(args)}
       >${renderSlots(args)}</uui-file-preview
     >`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-form-layout-item/lib/uui-form-layout.stories.ts b/packages/uui-form-layout-item/lib/uui-form-layout.stories.ts
index d9f63e78f..3a9673737 100644
--- a/packages/uui-form-layout-item/lib/uui-form-layout.stories.ts
+++ b/packages/uui-form-layout-item/lib/uui-form-layout.stories.ts
@@ -21,6 +21,11 @@ const meta: Meta = {
     html`<uui-form-layout-item ${spread(args)}
       >${renderSlots(args)}</uui-form-layout-item
     >`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-form-validation-message/lib/uui-form-validation-message.stories.ts b/packages/uui-form-validation-message/lib/uui-form-validation-message.stories.ts
index 333cdaa1f..85e84bf7f 100644
--- a/packages/uui-form-validation-message/lib/uui-form-validation-message.stories.ts
+++ b/packages/uui-form-validation-message/lib/uui-form-validation-message.stories.ts
@@ -7,6 +7,11 @@ const meta: Meta = {
   id: 'uui-form-validation-message',
   component: 'uui-form-validation-message',
   title: 'Inputs/Form/Form Validation Message',
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-form/lib/uui-form.stories.ts b/packages/uui-form/lib/uui-form.stories.ts
index 2b0c712de..823f0b70d 100644
--- a/packages/uui-form/lib/uui-form.stories.ts
+++ b/packages/uui-form/lib/uui-form.stories.ts
@@ -32,6 +32,11 @@ const meta: Meta = {
   id: 'uui-form',
   component: 'uui-form',
   title: 'Inputs/Form/Form',
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-icon/lib/uui-icon.stories.ts b/packages/uui-icon/lib/uui-icon.stories.ts
index 064169e0d..e845c7eef 100644
--- a/packages/uui-icon/lib/uui-icon.stories.ts
+++ b/packages/uui-icon/lib/uui-icon.stories.ts
@@ -18,6 +18,11 @@ const meta: Meta = {
         ${renderSlots(args)}
       </uui-icon>
     </uui-icon-registry-essential>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-input-file/lib/uui-input-file.stories.ts b/packages/uui-input-file/lib/uui-input-file.stories.ts
index 93028d829..218db7284 100644
--- a/packages/uui-input-file/lib/uui-input-file.stories.ts
+++ b/packages/uui-input-file/lib/uui-input-file.stories.ts
@@ -19,6 +19,11 @@ const meta: Meta = {
   component: 'uui-input-file',
   title: 'Inputs/Files/Input File',
   render: args => html`<uui-input-file ${spread(args)}></uui-input-file>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-input-lock/lib/uui-input-lock.stories.ts b/packages/uui-input-lock/lib/uui-input-lock.stories.ts
index 471972e2d..bafe57f11 100644
--- a/packages/uui-input-lock/lib/uui-input-lock.stories.ts
+++ b/packages/uui-input-lock/lib/uui-input-lock.stories.ts
@@ -16,6 +16,11 @@ const meta: Meta = {
   },
   render: args =>
     html`<uui-input-lock ${spread(args)}>${renderSlots(args)}</uui-input-lock>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-input-password/lib/uui-input-password.stories.ts b/packages/uui-input-password/lib/uui-input-password.stories.ts
index 0d66941f9..a4c1e7a5a 100644
--- a/packages/uui-input-password/lib/uui-input-password.stories.ts
+++ b/packages/uui-input-password/lib/uui-input-password.stories.ts
@@ -18,6 +18,11 @@ const meta: Meta = {
     html`<uui-input-password ${spread(args)}
       >${renderSlots(args)}</uui-input-password
     >`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-input/lib/uui-input.stories.ts b/packages/uui-input/lib/uui-input.stories.ts
index c8f982779..8836844e4 100644
--- a/packages/uui-input/lib/uui-input.stories.ts
+++ b/packages/uui-input/lib/uui-input.stories.ts
@@ -34,6 +34,11 @@ const meta: Meta = {
       ],
     },
   },
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-keyboard-shortcut/lib/uui-keyboard-shortcut.stories.ts b/packages/uui-keyboard-shortcut/lib/uui-keyboard-shortcut.stories.ts
index bcadf658d..4646db690 100644
--- a/packages/uui-keyboard-shortcut/lib/uui-keyboard-shortcut.stories.ts
+++ b/packages/uui-keyboard-shortcut/lib/uui-keyboard-shortcut.stories.ts
@@ -21,6 +21,11 @@ const meta: Meta = {
       <uui-key>z</uui-key>
     </uui-keyboard-shortcut>
   `,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-label/lib/uui-label.stories.ts b/packages/uui-label/lib/uui-label.stories.ts
index 198e9ab9a..8228e45c6 100644
--- a/packages/uui-label/lib/uui-label.stories.ts
+++ b/packages/uui-label/lib/uui-label.stories.ts
@@ -17,6 +17,11 @@ const meta: Meta = {
   render: args =>
     html`<uui-label ${spread(args)}>${renderSlots(args)}</uui-label>
       <uui-input id="MyInput" label="My A11Y Label"></uui-input>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-loader-bar/lib/uui-loader-bar.stories.ts b/packages/uui-loader-bar/lib/uui-loader-bar.stories.ts
index e94706b3a..6d3c83979 100644
--- a/packages/uui-loader-bar/lib/uui-loader-bar.stories.ts
+++ b/packages/uui-loader-bar/lib/uui-loader-bar.stories.ts
@@ -21,6 +21,11 @@ const meta: Meta = {
     html`<uui-loader-bar
       style="color: ${args.color}"
       ${spread(args, ['color'])}></uui-loader-bar>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-loader-circle/lib/uui-loader-circle.stories.ts b/packages/uui-loader-circle/lib/uui-loader-circle.stories.ts
index 4af11abed..1a454a05a 100644
--- a/packages/uui-loader-circle/lib/uui-loader-circle.stories.ts
+++ b/packages/uui-loader-circle/lib/uui-loader-circle.stories.ts
@@ -22,6 +22,11 @@ const meta: Meta = {
     html`<uui-loader-circle
       style="color: ${args.color}; font-size: ${args['font-size']}"
       ${spread(args, ['color', 'font-size'])}></uui-loader-circle>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-loader/lib/uui-loader.stories.ts b/packages/uui-loader/lib/uui-loader.stories.ts
index 0d5a08426..9ed7c6e44 100644
--- a/packages/uui-loader/lib/uui-loader.stories.ts
+++ b/packages/uui-loader/lib/uui-loader.stories.ts
@@ -11,6 +11,11 @@ const meta: Meta = {
     color: 'color: #006eff',
   },
   render: args => html`<uui-loader style="color: ${args.color}"></uui-loader>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-menu-item/lib/uui-menu-item.stories.ts b/packages/uui-menu-item/lib/uui-menu-item.stories.ts
index 1bdc5e914..2319e58c2 100644
--- a/packages/uui-menu-item/lib/uui-menu-item.stories.ts
+++ b/packages/uui-menu-item/lib/uui-menu-item.stories.ts
@@ -34,6 +34,11 @@ const meta: Meta = {
       >${renderSlots(args)}</uui-menu-item
     >`,
   decorators: [story => html`<div style="max-width: 400px">${story()}</div>`],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-modal/lib/uui-modal.stories.ts b/packages/uui-modal/lib/uui-modal.stories.ts
index 9e39f74f8..b645cf088 100644
--- a/packages/uui-modal/lib/uui-modal.stories.ts
+++ b/packages/uui-modal/lib/uui-modal.stories.ts
@@ -9,6 +9,11 @@ const meta: Meta = {
   id: 'uui-modal',
   component: 'uui-modal',
   title: 'Layout/Modals',
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-pagination/lib/uui-pagination.stories.ts b/packages/uui-pagination/lib/uui-pagination.stories.ts
index 55164e661..244709bb1 100644
--- a/packages/uui-pagination/lib/uui-pagination.stories.ts
+++ b/packages/uui-pagination/lib/uui-pagination.stories.ts
@@ -8,6 +8,11 @@ const meta: Meta = {
   id: 'uui-pagination',
   component: 'uui-pagination',
   title: 'Buttons/Pagination',
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-popover-container/lib/uui-popover-container.stories.ts b/packages/uui-popover-container/lib/uui-popover-container.stories.ts
index 143144ec8..004f06d2a 100644
--- a/packages/uui-popover-container/lib/uui-popover-container.stories.ts
+++ b/packages/uui-popover-container/lib/uui-popover-container.stories.ts
@@ -9,6 +9,11 @@ const meta: Meta<UUIPopoverContainerElement> = {
   id: 'uui-popover-container',
   component: 'uui-popover-container',
   title: 'Displays/Popover Container',
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-progress-bar/lib/uui-progress-bar.stories.ts b/packages/uui-progress-bar/lib/uui-progress-bar.stories.ts
index 8534bb917..cf281b46b 100644
--- a/packages/uui-progress-bar/lib/uui-progress-bar.stories.ts
+++ b/packages/uui-progress-bar/lib/uui-progress-bar.stories.ts
@@ -9,6 +9,11 @@ const meta: Meta = {
   component: 'uui-progress-bar',
   title: 'Displays/Progress Bar',
   render: args => html`<uui-progress-bar ${spread(args)}></uui-progress-bar>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-radio/lib/uui-radio.stories.ts b/packages/uui-radio/lib/uui-radio.stories.ts
index c86d1f0d6..a4a446f40 100644
--- a/packages/uui-radio/lib/uui-radio.stories.ts
+++ b/packages/uui-radio/lib/uui-radio.stories.ts
@@ -12,6 +12,11 @@ const meta: Meta = {
     label: 'Label',
   },
   render: args => html`<uui-radio ${spread(args)}></uui-radio>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-range-slider/lib/uui-range-slider.stories.ts b/packages/uui-range-slider/lib/uui-range-slider.stories.ts
index ba6243479..6648d879f 100644
--- a/packages/uui-range-slider/lib/uui-range-slider.stories.ts
+++ b/packages/uui-range-slider/lib/uui-range-slider.stories.ts
@@ -16,6 +16,11 @@ const meta: Meta = {
     label: 'range',
   },
   render: args => html`<uui-range-slider ${spread(args)}></uui-range-slider>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-ref-list/lib/uui-ref-list.stories.ts b/packages/uui-ref-list/lib/uui-ref-list.stories.ts
index 06104129b..5407460fe 100644
--- a/packages/uui-ref-list/lib/uui-ref-list.stories.ts
+++ b/packages/uui-ref-list/lib/uui-ref-list.stories.ts
@@ -14,6 +14,11 @@ const meta: Meta = {
   id: 'uui-ref-list',
   component: 'uui-ref-list',
   title: 'Displays/Reference List',
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-ref-node-data-type/lib/uui-ref-node-data-type.stories.ts b/packages/uui-ref-node-data-type/lib/uui-ref-node-data-type.stories.ts
index 196065063..0b878e8b7 100644
--- a/packages/uui-ref-node-data-type/lib/uui-ref-node-data-type.stories.ts
+++ b/packages/uui-ref-node-data-type/lib/uui-ref-node-data-type.stories.ts
@@ -19,6 +19,11 @@ const meta: Meta = {
   decorators: [
     (Story: any) => html`<div style="max-width: 420px;">${Story()}</div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-ref-node-document-type/lib/uui-ref-node-document-type.stories.ts b/packages/uui-ref-node-document-type/lib/uui-ref-node-document-type.stories.ts
index 59fa68cc1..4b4f12dc8 100644
--- a/packages/uui-ref-node-document-type/lib/uui-ref-node-document-type.stories.ts
+++ b/packages/uui-ref-node-document-type/lib/uui-ref-node-document-type.stories.ts
@@ -19,6 +19,11 @@ const meta: Meta = {
   decorators: [
     (Story: any) => html`<div style="max-width: 420px;">${Story()}</div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-ref-node-form/lib/uui-ref-node-form.stories.ts b/packages/uui-ref-node-form/lib/uui-ref-node-form.stories.ts
index 81d511767..f38235618 100644
--- a/packages/uui-ref-node-form/lib/uui-ref-node-form.stories.ts
+++ b/packages/uui-ref-node-form/lib/uui-ref-node-form.stories.ts
@@ -19,6 +19,11 @@ const meta: Meta = {
   decorators: [
     (Story: any) => html`<div style="max-width: 420px;">${Story()}</div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-ref-node-member/lib/uui-ref-node-member.stories.ts b/packages/uui-ref-node-member/lib/uui-ref-node-member.stories.ts
index 8b7656a37..0c3ba7eb4 100644
--- a/packages/uui-ref-node-member/lib/uui-ref-node-member.stories.ts
+++ b/packages/uui-ref-node-member/lib/uui-ref-node-member.stories.ts
@@ -19,6 +19,11 @@ const meta: Meta = {
   decorators: [
     (Story: any) => html`<div style="max-width: 420px;">${Story()}</div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-ref-node-package/lib/uui-ref-node-package.stories.ts b/packages/uui-ref-node-package/lib/uui-ref-node-package.stories.ts
index 8f4d4f25f..3136e2115 100644
--- a/packages/uui-ref-node-package/lib/uui-ref-node-package.stories.ts
+++ b/packages/uui-ref-node-package/lib/uui-ref-node-package.stories.ts
@@ -20,6 +20,11 @@ const meta: Meta = {
   decorators: [
     (Story: any) => html`<div style="max-width: 420px;">${Story()}</div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-ref-node-user/lib/uui-ref-node-user.stories.ts b/packages/uui-ref-node-user/lib/uui-ref-node-user.stories.ts
index ce8270875..44a7aa6e2 100644
--- a/packages/uui-ref-node-user/lib/uui-ref-node-user.stories.ts
+++ b/packages/uui-ref-node-user/lib/uui-ref-node-user.stories.ts
@@ -19,6 +19,11 @@ const meta: Meta = {
   decorators: [
     (Story: any) => html`<div style="max-width: 420px;">${Story()}</div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-ref-node/lib/uui-ref-node.stories.ts b/packages/uui-ref-node/lib/uui-ref-node.stories.ts
index 4052c2762..e0434c39f 100644
--- a/packages/uui-ref-node/lib/uui-ref-node.stories.ts
+++ b/packages/uui-ref-node/lib/uui-ref-node.stories.ts
@@ -24,6 +24,11 @@ const meta: Meta = {
   decorators: [
     (Story: any) => html`<div style="max-width: 420px;">${Story()}</div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-scroll-container/lib/uui-scroll-container.stories.ts b/packages/uui-scroll-container/lib/uui-scroll-container.stories.ts
index 1e2254503..9c73b61d8 100644
--- a/packages/uui-scroll-container/lib/uui-scroll-container.stories.ts
+++ b/packages/uui-scroll-container/lib/uui-scroll-container.stories.ts
@@ -7,6 +7,11 @@ const meta: Meta = {
   id: 'uui-scroll-container',
   component: 'uui-scroll-container',
   title: 'Displays/Scroll Container',
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-select/lib/uui-select.stories.ts b/packages/uui-select/lib/uui-select.stories.ts
index 0b49cb4e3..68d97457b 100644
--- a/packages/uui-select/lib/uui-select.stories.ts
+++ b/packages/uui-select/lib/uui-select.stories.ts
@@ -15,6 +15,9 @@ const meta: Meta = {
   },
   render: args => html`<uui-select ${spread(args)}></uui-select>`,
   parameters: {
+    readme: {
+      markdown: readme,
+    },
     docs: {
       source: {
         format: false,
diff --git a/packages/uui-slider/lib/uui-slider.stories.ts b/packages/uui-slider/lib/uui-slider.stories.ts
index 3c22b3b10..af730a803 100644
--- a/packages/uui-slider/lib/uui-slider.stories.ts
+++ b/packages/uui-slider/lib/uui-slider.stories.ts
@@ -24,6 +24,11 @@ const meta: Meta = {
     },
   },
   render: args => html`<uui-slider ${spread(args)}></uui-slider>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-symbol-expand/lib/uui-symbol-expand.stories.ts b/packages/uui-symbol-expand/lib/uui-symbol-expand.stories.ts
index 96f088053..40834e969 100644
--- a/packages/uui-symbol-expand/lib/uui-symbol-expand.stories.ts
+++ b/packages/uui-symbol-expand/lib/uui-symbol-expand.stories.ts
@@ -14,6 +14,11 @@ const meta: Meta = {
       @click=${(e: MouseEvent) => {
         (e.target as any).open = !(e.target as any).open;
       }}></uui-symbol-expand>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-symbol-file-dropzone/lib/uui-symbol-file-dropzone.stories.ts b/packages/uui-symbol-file-dropzone/lib/uui-symbol-file-dropzone.stories.ts
index 5a3746789..7cef93236 100644
--- a/packages/uui-symbol-file-dropzone/lib/uui-symbol-file-dropzone.stories.ts
+++ b/packages/uui-symbol-file-dropzone/lib/uui-symbol-file-dropzone.stories.ts
@@ -10,6 +10,11 @@ const meta: Meta = {
   title: 'Symbols/File Dropzone',
   render: args =>
     html`<uui-symbol-file-dropzone ${spread(args)}></uui-symbol-file-dropzone>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.stories.ts b/packages/uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.stories.ts
index 3da5639ea..0a01ddd7d 100644
--- a/packages/uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.stories.ts
+++ b/packages/uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.stories.ts
@@ -19,6 +19,11 @@ const meta: Meta = {
     story =>
       html`<div style="max-width: 300px; max-height: 300px">${story()}</div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-symbol-file/lib/uui-symbol-file.stories.ts b/packages/uui-symbol-file/lib/uui-symbol-file.stories.ts
index 350583746..6955a9637 100644
--- a/packages/uui-symbol-file/lib/uui-symbol-file.stories.ts
+++ b/packages/uui-symbol-file/lib/uui-symbol-file.stories.ts
@@ -13,6 +13,11 @@ const meta: Meta = {
   },
   render: args => html`<uui-symbol-file ${spread(args)}></uui-symbol-file>`,
   decorators: [story => html`<div style="width: 240px">${story()}</div>`],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-symbol-folder/lib/uui-symbol-folder.stories.ts b/packages/uui-symbol-folder/lib/uui-symbol-folder.stories.ts
index d18e592cc..f3966d74d 100644
--- a/packages/uui-symbol-folder/lib/uui-symbol-folder.stories.ts
+++ b/packages/uui-symbol-folder/lib/uui-symbol-folder.stories.ts
@@ -8,6 +8,11 @@ const meta: Meta = {
   component: 'uui-symbol-folder',
   title: 'Symbols/Folder',
   render: () => html`<uui-symbol-folder></uui-symbol-folder>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-symbol-lock/lib/uui-symbol-lock.stories.ts b/packages/uui-symbol-lock/lib/uui-symbol-lock.stories.ts
index a1aa92a9b..d4923c236 100644
--- a/packages/uui-symbol-lock/lib/uui-symbol-lock.stories.ts
+++ b/packages/uui-symbol-lock/lib/uui-symbol-lock.stories.ts
@@ -14,6 +14,11 @@ const meta: Meta = {
       @click=${(e: MouseEvent) => {
         (e.target as any).open = !(e.target as any).open;
       }}></uui-symbol-lock>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-symbol-more/lib/uui-symbol-more.stories.ts b/packages/uui-symbol-more/lib/uui-symbol-more.stories.ts
index 74948cc0b..528d55a45 100644
--- a/packages/uui-symbol-more/lib/uui-symbol-more.stories.ts
+++ b/packages/uui-symbol-more/lib/uui-symbol-more.stories.ts
@@ -8,6 +8,11 @@ const meta: Meta = {
   component: 'uui-symbol-more',
   title: 'Symbols/More',
   render: () => html`<uui-symbol-more></uui-symbol-more>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-symbol-sort/lib/uui-symbol-sort.stories.ts b/packages/uui-symbol-sort/lib/uui-symbol-sort.stories.ts
index 239fe3301..1d746fbfe 100644
--- a/packages/uui-symbol-sort/lib/uui-symbol-sort.stories.ts
+++ b/packages/uui-symbol-sort/lib/uui-symbol-sort.stories.ts
@@ -8,6 +8,11 @@ const meta: Meta = {
   id: 'uui-symbol-sort',
   component: 'uui-symbol-sort',
   title: 'Symbols/Sort',
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-table/lib/uui-table-cell.stories.ts b/packages/uui-table/lib/uui-table-cell.stories.ts
index 9b1fe5319..8e8ab3a08 100644
--- a/packages/uui-table/lib/uui-table-cell.stories.ts
+++ b/packages/uui-table/lib/uui-table-cell.stories.ts
@@ -44,6 +44,11 @@ const meta: Meta = {
       </uui-table-row>
     </uui-table>
   `,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-table/lib/uui-table-row.stories.ts b/packages/uui-table/lib/uui-table-row.stories.ts
index b4c5dcf90..96b9b26bf 100644
--- a/packages/uui-table/lib/uui-table-row.stories.ts
+++ b/packages/uui-table/lib/uui-table-row.stories.ts
@@ -29,6 +29,11 @@ const meta: Meta = {
       </uui-table-row>
     </uui-table>
   `,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-table/lib/uui-table.stories.ts b/packages/uui-table/lib/uui-table.stories.ts
index e31aca194..f123d48c8 100644
--- a/packages/uui-table/lib/uui-table.stories.ts
+++ b/packages/uui-table/lib/uui-table.stories.ts
@@ -18,6 +18,11 @@ const meta: Meta = {
     UUITableRow: 'uui-table-row',
     UUITableCell: 'uui-table-cell',
   },
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-tabs/lib/uui-tabs.stories.ts b/packages/uui-tabs/lib/uui-tabs.stories.ts
index e24792a34..b512a15a3 100644
--- a/packages/uui-tabs/lib/uui-tabs.stories.ts
+++ b/packages/uui-tabs/lib/uui-tabs.stories.ts
@@ -26,6 +26,11 @@ const meta: Meta = {
     '--uui-tab-padding-horizontal': { control: { type: 'text' } },
     inlineStyles: { control: { type: 'text' } },
   },
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-tag/lib/uui-tag.stories.ts b/packages/uui-tag/lib/uui-tag.stories.ts
index ebc77801f..34d2457f6 100644
--- a/packages/uui-tag/lib/uui-tag.stories.ts
+++ b/packages/uui-tag/lib/uui-tag.stories.ts
@@ -19,6 +19,11 @@ const meta: Meta = {
     '--uui-tag-border-color': { control: { type: 'text' } },
   },
   render: args => html`<uui-tag ${spread(args)}>${renderSlots(args)}</uui-tag>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-textarea/lib/uui-textarea.stories.ts b/packages/uui-textarea/lib/uui-textarea.stories.ts
index dffac79f8..21dd4814b 100644
--- a/packages/uui-textarea/lib/uui-textarea.stories.ts
+++ b/packages/uui-textarea/lib/uui-textarea.stories.ts
@@ -18,6 +18,11 @@ const meta: Meta = {
     '--uui-textarea-background-color': { control: { type: 'color' } },
   },
   render: args => html`<uui-textarea ${spread(args)}></uui-textarea>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-toast-notification-container/lib/uui-toast-notification-container.stories.ts b/packages/uui-toast-notification-container/lib/uui-toast-notification-container.stories.ts
index 6ebd63c0d..f277f7f03 100644
--- a/packages/uui-toast-notification-container/lib/uui-toast-notification-container.stories.ts
+++ b/packages/uui-toast-notification-container/lib/uui-toast-notification-container.stories.ts
@@ -9,6 +9,11 @@ const meta: Meta = {
   id: 'uui-toast-notification-container',
   component: 'uui-toast-notification-container',
   title: 'Displays/Toast Notification/Toast Notification Container',
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-toast-notification-layout/lib/uui-toast-notification-layout.stories.ts b/packages/uui-toast-notification-layout/lib/uui-toast-notification-layout.stories.ts
index 713be80fb..dcddeac59 100644
--- a/packages/uui-toast-notification-layout/lib/uui-toast-notification-layout.stories.ts
+++ b/packages/uui-toast-notification-layout/lib/uui-toast-notification-layout.stories.ts
@@ -15,6 +15,11 @@ const meta: Meta = {
   decorators: [
     (Story: any) => html`<div style="max-width:200px;">${Story()}</div>`,
   ],
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-toast-notification/lib/uui-toast-notification.stories.ts b/packages/uui-toast-notification/lib/uui-toast-notification.stories.ts
index d5e244336..97d8dabad 100644
--- a/packages/uui-toast-notification/lib/uui-toast-notification.stories.ts
+++ b/packages/uui-toast-notification/lib/uui-toast-notification.stories.ts
@@ -25,6 +25,11 @@ const meta: Meta = {
         >${renderSlots(args)}</uui-toast-notification-layout
       ></uui-toast-notification
     >`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-toggle/lib/uui-toggle.stories.ts b/packages/uui-toggle/lib/uui-toggle.stories.ts
index fdebfd7fc..fde8a7f15 100644
--- a/packages/uui-toggle/lib/uui-toggle.stories.ts
+++ b/packages/uui-toggle/lib/uui-toggle.stories.ts
@@ -23,6 +23,11 @@ const meta: Meta = {
   },
   render: args =>
     html`<uui-toggle ${spread(args)}>${renderSlots(args)}</uui-toggle>`,
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;
diff --git a/packages/uui-visually-hidden/lib/uui-visually-hidden.stories.ts b/packages/uui-visually-hidden/lib/uui-visually-hidden.stories.ts
index 96a839643..340d16b75 100644
--- a/packages/uui-visually-hidden/lib/uui-visually-hidden.stories.ts
+++ b/packages/uui-visually-hidden/lib/uui-visually-hidden.stories.ts
@@ -7,6 +7,11 @@ const meta: Meta = {
   id: 'uui-visually-hidden',
   component: 'uui-visually-hidden',
   title: 'Displays/Visually Hidden',
+  parameters: {
+    readme: {
+      markdown: readme,
+    },
+  },
 };
 
 export default meta;