Input

import { z } from 'zod';
import { AutoForm } from '@vitnode/core/components/form/auto-form';
import { AutoFormInput } from '@vitnode/core/components/form/fields/input';

const formSchema = z.object({
  username: z.string().min(3, 'Username must be at least 3 characters'),
  email: z.email('Please enter a valid email address'),
});

<AutoForm
  formSchema={formSchema}
  fields={[
    {
      id: 'username',
      component: props => (
        <AutoFormInput
          {...props}
          description="This is the username for your application. It should be unique and not shared with anyone."
          label="Username"
        />
      ),
    },
    {
      id: 'email',
      component: props => (
        <AutoFormInput
          {...props}
          description="We'll use this email to contact you."
          label="Email Address"
        />
      ),
    },
  ]}
/>

import { Input } from '@vitnode/core-frontend/components/ui/input';

<Input />