docs(link): provide playground with working controls (#11614)

* docs(link): provide playground with working controls

* docs(link): clean up unused pieces

Co-authored-by: Josh Black <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

packages/react/src/components/Link/Link.js

@@ -15,9 +15,9 @@ const Link = React.forwardRef(function Link(
     children,
     className: customClassName,
     href,
-    disabled,
-    inline,
-    visited,
+    disabled = false,
+    inline = false,
+    visited = false,
     renderIcon: Icon,
     size,
     ...rest

packages/react/src/components/Link/Link.stories.js

@@ -0,0 +1,52 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React from 'react';
+import { Download } from '@carbon/icons-react';
+import Link from './Link';
+import mdx from './Link.mdx';
+
+export default {
+  title: 'Components/Link',
+  component: Link,
+  parameters: {
+    docs: {
+      page: mdx,
+    },
+  },
+  args: {
+    disabled: false,
+    inline: false,
+    visited: false,
+  },
+  argTypes: {
+    children: {
+      table: {
+        disable: true,
+      },
+    },
+    renderIcon: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+};
+
+export const Default = () => <Link href="#">Link</Link>;
+
+export const PairedWithIcon = () => (
+  <Link href="#" renderIcon={Download}>
+    Download
+  </Link>
+);
+
+export const Playground = (args) => (
+  <Link href="#" {...args}>
+    Link
+  </Link>
+);