TextareaDemo() — ui Function Reference

Architecture documentation for the TextareaDemo() function in textarea-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ TextareaDemo() — ui Function Reference

Dependency Diagram

graph TD
  c081d8d5_a661_15e3_5252_1fbde35e6c2a["TextareaDemo()"]
  04de77f0_3e88_e57f_f5ee_6f4873f0b732["textarea-demo.tsx"]
  c081d8d5_a661_15e3_5252_1fbde35e6c2a -->|defined in| 04de77f0_3e88_e57f_f5ee_6f4873f0b732
  style c081d8d5_a661_15e3_5252_1fbde35e6c2a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(internal)/sink/components/textarea-demo.tsx lines 4–40

export function TextareaDemo() {
  return (
    <div className="flex w-full flex-col gap-10">
      <Textarea placeholder="Type your message here." />
      <Textarea placeholder="Type your message here." aria-invalid="true" />
      <div className="grid gap-3">
        <Label htmlFor="textarea-demo-message">Label</Label>
        <Textarea
          id="textarea-demo-message"
          placeholder="Type your message here."
          rows={6}
        />
      </div>
      <div className="grid gap-3">
        <Label htmlFor="textarea-demo-message-2">
          With label and description
        </Label>
        <Textarea
          id="textarea-demo-message-2"
          placeholder="Type your message here."
          rows={6}
        />
        <div className="text-muted-foreground text-sm">
          Type your message and press enter to send.
        </div>
      </div>
      <div className="grid gap-3">
        <Label htmlFor="textarea-demo-disabled">Disabled</Label>
        <Textarea
          id="textarea-demo-disabled"
          placeholder="Type your message here."
          disabled
        />
      </div>
    </div>
  )
}