feat: Overviewを作成

tuqulore · Sep 9, 2021 · 930fbd8 · 930fbd8
1 parent 75dfea8
commit 930fbd8
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/packages/tailwindcss/overview.js b/packages/tailwindcss/overview.js
@@ -0,0 +1,15 @@
+const plugin = require("tailwindcss/plugin");
+const theme = require("./theme");
+
+module.exports = plugin.withOptions(
+  () => {
+    return ({ addComponents, theme }) => {
+      addComponents([
+        {
+          ".overview": {},
+        },
+      ]);
+    };
+  },
+  () => ({ theme })
+);
diff --git a/packages/tailwindcss/stories/Overview.stories.js b/packages/tailwindcss/stories/Overview.stories.js
@@ -0,0 +1,16 @@
+export default {
+  title: "Overview/Introduction",
+};
+
+const Template = () => {
+  return `
+    <div class="introduction prose">
+        <h1>Overview</h1>
+        <h2>Repo</h2>
+        <p>
+            <a href="https://github.com/tuqulore/tuqulore-ui/">https://github.com/tuqulore/tuqulore-ui/</a>
+        </p>
+    </div>
+    `;
+};
+export const Default = Template.bind({});