PR-02: Add Input Story (#40)

cungminh2710 · May 6, 2024 · fdf0adb · fdf0adb
1 parent 395eaa2
commit fdf0adb
Showing 1 changed file with 37 additions and 0 deletions.
diff --git a/packages/ui/src/stories/input.stories.tsx b/packages/ui/src/stories/input.stories.tsx
@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { Input } from '../input';
+
+const meta = {
+	title: 'Coderum/Input',
+	component: Input,
+	parameters: {
+		layout: 'centered',
+	},
+	tags: ['autodocs'],
+	argTypes: {},
+	args: {},
+} satisfies Meta<typeof Input>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+	args: {
+		placeholder: 'Type something...',
+	},
+};
+
+export const Disabled: Story = {
+	args: {
+		disabled: true,
+		placeholder: 'Type something...',
+	},
+};
+
+export const WithValue: Story = {
+	args: {
+		value: 'Hello, world!',
+	},
+};