An explicit story to help with docs to show how to use a different icon

umbraco · Jan 7, 2025 · dffdef4 · dffdef4
1 parent c371aa8
commit dffdef4
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/packages/uui-copy/lib/uui-copy.story.ts b/packages/uui-copy/lib/uui-copy.story.ts
@@ -219,3 +219,25 @@ export const AnimationDelay: Story = {
     },
   },
 };
+
+export const WithDifferentIcon: Story = {
+  name: 'Different Icon',
+  args: {
+    value: 'I have used a different icon',
+  },
+  render: args => html`
+    <uui-copy .value=${args.value}>
+      <uui-icon name="clipboard"></uui-icon> Copy to Clipboard
+    </uui-copy>
+  `,
+  parameters: {
+    docs: {
+      source: {
+        code: `
+<uui-copy value="I have used a different icon">
+  <uui-icon name="clipboard"></uui-icon> Copy to Clipboard
+</uui-copy>`,
+      },
+    },
+  },
+};