feat: Cardコンポーネントの出来上がり

tuqulore · Sep 1, 2021 · f1333a9 · f1333a9
1 parent f719b84
commit f1333a9
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/tailwindcss/stories/Card.stories.js b/packages/tailwindcss/stories/Card.stories.js
@@ -7,10 +7,23 @@ export default {
 };
 
 const Template = ({ label }) => {
-    return `<div class="card">${label}</div>`;
+    return `
+        <div class="card px-4 py-3 mb-4">${label}</div> 
+    `;
 };
 
 export const Default = Template.bind({});
 Default.args = {
     label: "カード",
 };
+
+const ShadowedTemplate = ({ label }) => {
+    return `
+        <div class="card px-4 py-3 border-0 shadow-lg">${label}</div>    
+    `;
+};
+
+export const Shadowed = ShadowedTemplate.bind({});
+Shadowed.args = {
+    label: "カード",
+};