Textarea

A multi-line text input for descriptions and longer answers, as an Auto Form field or on its own.

Preview

Usage

import { z } from 'zod'
import { AutoForm } from '@vitnode/core/components/form/auto-form'
import { AutoFormTextarea } from '@vitnode/core/components/form/fields/textarea'
const formSchema = z.object({
  desc: z.string().min(10, 'Description must be at least 10 characters'),
})
<AutoForm
  formSchema={formSchema}
  fields={[
    {
      id: 'desc',
      component: (props) => (
        <AutoFormTextarea
          {...props}
          description="Write a short description of your application."
          placeholder="My application is..."
          label="Description"
        />
      ),
    },
  ]}
/>
import { Textarea } from '@vitnode/core/components/ui/textarea';
<Textarea />

Props

Prop

Type

On this page