chore(tags): migrate Tag examples to storybook

demo/index.html

@@ -144,7 +144,7 @@ <h1 class="c-main__title">React Components</h1>
               <a class="u-fg-inherit" href="storybook/?path=/story/components-tabs-readme--page">Tabs</a>
             </div>
             <div class="u-mb-sm">
-              <a class="u-fg-inherit" href="tags">Tags</a>
+              <a class="u-fg-inherit" href="storybook/?path=/docs/components-tags-readme--page">Tags</a>
             </div>
             <div class="u-mb-sm">
               <a class="u-fg-inherit" href="theming">Theming</a>

packages/tags/README.md

@@ -14,7 +14,7 @@ npm install react react-dom prop-types styled-components @zendeskgarden/react-th
 
 ## Usage
 
-```jsx static
+```jsx
 import { ThemeProvider } from '@zendeskgarden/react-theming';
 import { Tag } from '@zendeskgarden/react-tags';
 

packages/tags/package.json

@@ -16,7 +16,6 @@
   ],
   "scripts": {
     "build": "../../utils/scripts/build.sh",
-    "build:demo": "../../utils/scripts/build-demo.sh",
     "start": "../../utils/scripts/start.sh"
   },
   "sideEffects": false,

packages/tags/stories/1-Readme.stories.mdx

@@ -0,0 +1,6 @@
+import { Meta, Description } from '@storybook/addon-docs/blocks';
+import README from '../README.md';
+
+<Meta title="Components/Tags/README" />
+
+<Description>{README}</Description>

packages/tags/stories/2-Examples.stories.tsx

@@ -0,0 +1,19 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+
+import { Meta } from '@storybook/react';
+import { Tag } from '@zendeskgarden/react-tags';
+
+export default {
+  title: 'Components/Tags',
+  subcomponents: { Tag, 'Tag.Avatar': Tag.Avatar, 'Tag.Close': Tag.Close }
+} as Meta;
+
+export { Default } from './examples/Default';
+export { Advanced } from './examples/Advanced';
+export { CustomHue } from './examples/CustomHue';
+export { FontWeight } from './examples/FontWeight';