docs: add readonly story

Author: madsrasmussen

packages/uui-radio/lib/uui-radio.story.ts

@@ -12,6 +12,7 @@ export default {
     label: 'label',
     checked: false,
     disabled: false,
+    readonly: false,
   },
   argTypes: {
     slot: { control: { type: 'text' } },
@@ -27,6 +28,7 @@ export const AAAOverview: Story = props =>
     .label=${props.label}
     .name=${props.name}
     ?disabled=${props.disabled}
+    ?readonly=${props.readonly}
     ?checked=${props.checked}
     >${props.slot}</uui-radio
   >`;
@@ -50,6 +52,24 @@ Disabled.parameters = {
   },
 };
 
+export const Readonly: Story = props =>
+  html` <uui-radio value="1" ?readonly=${props.readonly}>Readonly</uui-radio>`;
+
+Readonly.args = {
+  readonly: true,
+};
+
+Readonly.parameters = {
+  controls: { include: ['readonly'] },
+  docs: {
+    source: {
+      code: `
+<uui-radio value="1" readonly>Readonly</uui-radio>
+`,
+    },
+  },
+};
+
 export const Checked: Story = props =>
   html` <uui-radio value="1" ?checked=${props.checked}>Checked</uui-radio>`;