VitNode
Forms

Textarea

Renders a form textarea or a component designed to accept multi-line text input.

Shadcn UI

This component is part of Shadcn UI.

Preview

Usage

import { z } from 'zod';
import { AutoForm } from 'vitnode-frontend/form/auto-form';
const formSchema = z.object({
  post: z.string(),
});
<AutoForm
  formSchema={formSchema}
  fieldConfig={{
    post: {
      label: 'Post',
      fieldType: AutoFormTextArea,
    },
  }}
/>

With placeholder

<AutoForm
  formSchema={formSchema}
  fieldConfig={{
    post: {
      label: 'Post',
      fieldType: props => (
        <AutoFormTextArea {...props} placeholder="Type your thoughts here..." />
      ),
    },
  }}
/>

On this page