TextArea

import { TextArea } from "@fanvue/ui";
import type { TextAreaProps, TextAreaSize } from "@fanvue/ui";

import { TextArea } from "@fanvue/ui";

<TextArea label="Label" placeholder="Text Area" />

import { TextArea } from "@fanvue/ui";

<TextArea
  label="Description"
  placeholder="Enter your description..."
  error
  helperText="This field is required"
  defaultValue=""
/>

import { TextArea } from "@fanvue/ui";

<TextArea placeholder="No label" aria-label="Description" />

import { TextArea } from "@fanvue/ui";

<div className="flex w-[375px] flex-col gap-6">
  <TextArea label="Default" placeholder="Text Area" />
  <TextArea label="With helper" placeholder="Text Area" helperText="Helper text" />
  <TextArea label="With value" defaultValue="Typed text" />
  <TextArea label="With clear button" showClearButton defaultValue="This can be cleared" />
  <TextArea label="With min rows" minRows={4} placeholder="Starts with 4 rows" />
  <TextArea label="Error" error errorMessage="Error message" defaultValue="invalid" />
  <TextArea label="Disabled" placeholder="Text Area" disabled />
  <TextArea label="Disabled with value" defaultValue="Value" disabled />
</div>

import { TextArea } from "@fanvue/ui";

<TextArea
  label="Full Width"
  placeholder="This field spans the full width"
  fullWidth
/>