Textarea Validation

PreviousNext

textarea-validation-demo

Docs
intentuipage

Preview

Loading preview…
components/docs/forms/textarea/textarea-validation-demo.tsx
"use client"

import { useState } from "react"
import { Form } from "react-aria-components"
import { Button } from "@/components/ui/button"
import { FieldError, Label } from "@/components/ui/field"
import { TextField } from "@/components/ui/text-field"
import { Textarea } from "@/components/ui/textarea"
export default function TextareaValidationDemo() {
  const [value, setValue] = useState("")
  return (
    <Form onSubmit={(e) => e.preventDefault()} className="space-y-4">
      <TextField value={value} onChange={setValue} isRequired>
        <Label>Adresss</Label>
        <Textarea />
        <FieldError />
      </TextField>
      <Button type="submit">Submit</Button>
    </Form>
  )
}

Installation

npx shadcn@latest add @intentui/textarea-validation-demo

Usage

Usage varies by registry entry. Refer to the registry docs or source files below for details.