ui Architecture Docs
Home / File/ textarea-demo.tsx — ui Source File

textarea-demo.tsx — ui Source File

Architecture documentation for textarea-demo.tsx, a tsx file in the ui codebase. 2 imports, 1 dependents.

File tsx DocumentationAtlas ContentSourcing 2 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  04de77f0_3e88_e57f_f5ee_6f4873f0b732["textarea-demo.tsx"]
  d752035b_6ed3_c6ef_e27c_eef51af9ec8d["label"]
  04de77f0_3e88_e57f_f5ee_6f4873f0b732 --> d752035b_6ed3_c6ef_e27c_eef51af9ec8d
  a1802a9d_1c52_7ef5_709a_134c4400c1c3["textarea"]
  04de77f0_3e88_e57f_f5ee_6f4873f0b732 --> a1802a9d_1c52_7ef5_709a_134c4400c1c3
  1c2403dc_4584_9f39_4e98_855a7de18bd1["component-registry.ts"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 04de77f0_3e88_e57f_f5ee_6f4873f0b732
  style 04de77f0_3e88_e57f_f5ee_6f4873f0b732 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Label } from "@/registry/new-york-v4/ui/label"
import { Textarea } from "@/registry/new-york-v4/ui/textarea"

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>
  )
}

Domain

Subdomains

Functions

Dependencies

  • label
  • textarea

Imported By

Source

Frequently Asked Questions

What does textarea-demo.tsx do?
textarea-demo.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, ContentSourcing subdomain.
What functions are defined in textarea-demo.tsx?
textarea-demo.tsx defines 1 function(s): TextareaDemo.
What does textarea-demo.tsx depend on?
textarea-demo.tsx imports 2 module(s): label, textarea.
What files import textarea-demo.tsx?
textarea-demo.tsx is imported by 1 file(s): component-registry.ts.
Where is textarea-demo.tsx in the architecture?
textarea-demo.tsx is located at apps/v4/app/(internal)/sink/components/textarea-demo.tsx (domain: DocumentationAtlas, subdomain: ContentSourcing, directory: apps/v4/app/(internal)/sink/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free