chore: add stories

jaaydenh · jaaydenh · commit 2e26fc27df4d · 2025-04-10T22:09:29.000Z
diff --git a/site/src/components/Badge/Badge.stories.tsx b/site/src/components/Badge/Badge.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
+import { Settings, TriangleAlert } from "lucide-react";
 import { Badge } from "./Badge";
 
 const meta: Meta<typeof Badge> = {
@@ -13,3 +14,25 @@ export default meta;
 type Story = StoryObj<typeof Badge>;
 
 export const Default: Story = {};
+
+export const Warning: Story = {
+	args: {
+		variant: "warning",
+	},
+};
+
+export const SmallWithIcon: Story = {
+	args: {
+		variant: "default",
+		size: "sm",
+		children: <>{<Settings />} Preset</>,
+	},
+};
+
+export const MediumWithIcon: Story = {
+	args: {
+		variant: "warning",
+		size: "md",
+		children: <>{<TriangleAlert />} Immutable</>,
+	},
+};
