feat: Anchorを入れ忘れていた

tuqulore · Oct 15, 2021 · 0d690fa · 0d690fa
1 parent 3a1cd64
commit 0d690fa
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/packages/tailwindcss/stories/BoxedTab.stories.mdx b/packages/tailwindcss/stories/BoxedTab.stories.mdx
@@ -25,6 +25,27 @@ import { Meta, Story, Canvas } from "@storybook/addon-docs";
 
 ## Stories
 
+### Anchor
+
+<Canvas>
+  <Story name="Anchor">
+    {`
+      <div class="boxed-tabs">
+        <div role="tablist" aria-label="Sample BoxedTabs">
+          <a href="#" role="tab" aria-selected="false" aria-controls="anchor-panel-1" id="anchor-tab-1" tabindex="0">ホーム</a>
+          <a href="#" role="tab" aria-selected="false" aria-controls="anchor-panel-2" id="anchor-tab-2" tabindex="0">タスク</a>
+          <a href="#" role="tab" aria-selected="true" aria-controls="anchor-panel-3" id="anchor-tab-3" tabindex="-1">実績</a>
+          <a href="#" role="tab" aria-selected="false" aria-controls="anchor-panel-4" id="anchor-tab-4" tabindex="0">会話</a>
+        </div>
+      </div>
+      <div role="tabpanel" id="anchor-panel-1" aria-labelledby="anchor-tab-1"></div>
+      <div role="tabpanel" id="anchor-panel-2" aria-labelledby="anchor-tab-2"></div>
+      <div role="tabpanel" id="anchor-panel-3" aria-labelledby="anchor-tab-3"></div>
+      <div role="tabpanel" id="anchor-panel-4" aria-labelledby="anchor-tab-4"></div>
+    `}
+  </Story>
+</Canvas>
+
 ### Small
 
 <Canvas>

diff --git a/packages/tailwindcss/stories/Button.stories.mdx b/packages/tailwindcss/stories/Button.stories.mdx
@@ -14,6 +14,16 @@ import { Meta, Story, Canvas } from "@storybook/addon-docs";
 
 ## Stories
 
+### Anchor
+
+<Canvas>
+  <Story name="Anchor">
+    {`
+      <a href="#" type="button" class="button">リンクボタン</a>
+    `}
+  </Story>
+</Canvas>
+
 ### Long Text
 
 <Canvas>