feat(ui): add Button, Input, Label atoms and FormField molecule with stories

This commit is contained in:
2026-04-06 14:57:08 +02:00
parent ec08eb1d74
commit 1a10dccc8d
13 changed files with 209 additions and 2 deletions

View File

@@ -0,0 +1,31 @@
import type { Meta, StoryObj } from "@storybook/react";
import { FormField } from "./form-field.js";
const meta = {
title: "Molecules/FormField",
component: FormField,
tags: ["autodocs"],
} satisfies Meta<typeof FormField>;
export default meta;
type Story = StoryObj<typeof meta>;
export const Default: Story = {
args: { label: "Email", placeholder: "you@example.com", type: "email" },
};
export const WithDescription: Story = {
args: {
label: "Username",
placeholder: "johndoe",
description: "Must be 3-31 characters",
},
};
export const WithError: Story = {
args: {
label: "Password",
type: "password",
error: "Password must be at least 6 characters",
},
};