Add new pattern for Cards

catppuccin · Oct 22, 2022 · 2468e75 · 2468e75
1 parent 7e31a50
commit 2468e75
Showing 1 changed file with 36 additions and 0 deletions.
diff --git a/src/patterns/Cards.stories.jsx b/src/patterns/Cards.stories.jsx
@@ -0,0 +1,36 @@
+import {
+	Avatar,
+	Card,
+	CardMeta,
+	Heading,
+} from '../index';
+
+export default {
+	title: 'Patterns/Cards',
+};
+
+const PostCard = (args) => {
+
+	return (
+		<div className="w-1/2 mx-auto">
+			<Card {...args}>
+				<CardMeta className="mb-2">
+					22 october 2022 - 6:00
+				</CardMeta>
+
+				<Heading size="xl">
+					Main content
+				</Heading>
+
+				A nice card description
+
+				<CardMeta className="mt-2">
+					<Avatar size="small" name="Andreas Ekström" /> Andreas Ekström
+				</CardMeta>
+			</Card>
+		</div>
+	);
+
+};
+
+export const Post = PostCard.bind({});