+ {body} +
+ ) + }, +) +FormMessage.displayName = 'FormMessage' + +export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField } diff --git a/packages/components/src/form/Input.stories.tsx b/packages/components/src/form/Input.stories.tsx new file mode 100644 index 0000000..934f15d --- /dev/null +++ b/packages/components/src/form/Input.stories.tsx @@ -0,0 +1,106 @@ +import React from 'react' +import type { Meta, StoryObj } from '@storybook/react' +import { useForm } from 'react-hook-form' +import { zodResolver } from '@hookform/resolvers/zod' +import * as z from 'zod' +import { Form, FormField, FormLabel, FormItem, FormControl, FormDescription, FormMessage } from './Form' +import { Input } from './Input' +import { Button } from '../button' +import { Calendar } from '../icons/calendar' + +const meta: Meta{errorMessage}
} + + ) +} diff --git a/packages/components/src/form/SelectInput.stories.tsx b/packages/components/src/form/SelectInput.stories.tsx new file mode 100644 index 0000000..262b962 --- /dev/null +++ b/packages/components/src/form/SelectInput.stories.tsx @@ -0,0 +1,61 @@ +import React from 'react' +import type { Meta, StoryObj } from '@storybook/react' +import { useForm } from 'react-hook-form' +import { SelectInput } from './SelectInput' + +const FormWithSelectInput = ({ + ...props +}: { + name: string + selectOptions: { + value: string + children: React.ReactNode + }[] +}) => { + const { register } = useForm({}) + return ( + + ) +} + +const SelectInputMeta = { + title: 'forms/SelectInput', + component: SelectInput, + + args: { + name: 'Title', + selectOptions: [ + { value: 'banana', children: Banana }, + { value: 'apple', children: Apple }, + ], + }, + argTypes: { + name: { + defaultValue: 'Title', + control: { + type: 'text', + }, + }, + selectOptions: { + defaultValue: [ + { value: 'banana', children: Banana }, + { value: 'apple', children: Apple }, + ], + control: { + type: 'object', + }, + }, + }, +} satisfies Meta{errorMessage.message}
} +{errorMessage.message}
} +