ui Architecture Docs
Home / File/ forms.tsx — ui Source File

forms.tsx — ui Source File

Architecture documentation for forms.tsx, a tsx file in the ui codebase. 7 imports, 0 dependents.

File tsx Internationalization RTLLayout 7 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  d66096ca_8665_be40_4e76_383964be5824["forms.tsx"]
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  d66096ca_8665_be40_4e76_383964be5824 --> 57e86e45_ac6e_7278_be08_9092724e8401
  c6d6139d_ea69_3d79_5004_68419bae2ac0["card"]
  d66096ca_8665_be40_4e76_383964be5824 --> c6d6139d_ea69_3d79_5004_68419bae2ac0
  4f6bcac7_12b3_b724_9762_64ace071aa20["checkbox"]
  d66096ca_8665_be40_4e76_383964be5824 --> 4f6bcac7_12b3_b724_9762_64ace071aa20
  169af77a_46c3_8fec_4801_f34a0f1a3471["field"]
  d66096ca_8665_be40_4e76_383964be5824 --> 169af77a_46c3_8fec_4801_f34a0f1a3471
  80cf663d_a411_487c_d69e_ac9d405cd2ec["input"]
  d66096ca_8665_be40_4e76_383964be5824 --> 80cf663d_a411_487c_d69e_ac9d405cd2ec
  a3246e53_c55c_1cf0_424d_b2142e1739ab["radio-group"]
  d66096ca_8665_be40_4e76_383964be5824 --> a3246e53_c55c_1cf0_424d_b2142e1739ab
  a1802a9d_1c52_7ef5_709a_134c4400c1c3["textarea"]
  d66096ca_8665_be40_4e76_383964be5824 --> a1802a9d_1c52_7ef5_709a_134c4400c1c3
  style d66096ca_8665_be40_4e76_383964be5824 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { Button } from "@/registry/new-york-v4/ui/button"
import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@/registry/new-york-v4/ui/card"
import { Checkbox } from "@/registry/new-york-v4/ui/checkbox"
import {
  Field,
  FieldContent,
  FieldDescription,
  FieldGroup,
  FieldLabel,
  FieldLegend,
  FieldSet,
  FieldTitle,
} from "@/registry/new-york-v4/ui/field"
import { Input } from "@/registry/new-york-v4/ui/input"
import {
  RadioGroup,
  RadioGroupItem,
} from "@/registry/new-york-v4/ui/radio-group"
import { Textarea } from "@/registry/new-york-v4/ui/textarea"

const plans = [
  {
    id: "starter",
    name: "Starter Plan",
    description: "For small businesses.",
    price: "$10",
  },
  {
    id: "pro",
    name: "Pro Plan",
    description: "More features and storage.",
    price: "$20",
  },
] as const

export function CardsForms() {
  return (
    <Card>
      <CardHeader>
        <CardTitle className="text-lg">Upgrade your Subscription</CardTitle>
        <CardDescription className="text-balance">
          You are currently on the free plan. Upgrade to the pro plan to get
          access to all features.
        </CardDescription>
      </CardHeader>
      <CardContent>
        <form>
          <FieldGroup>
            <FieldGroup className="grid grid-cols-2">
              <Field>
                <FieldLabel htmlFor="name">Name</FieldLabel>
                <Input id="name" placeholder="Max Leiter" />
// ... (81 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • card
  • checkbox
  • field
  • input
  • radio-group
  • textarea

Source

Frequently Asked Questions

What does forms.tsx do?
forms.tsx is a source file in the ui codebase, written in tsx. It belongs to the Internationalization domain, RTLLayout subdomain.
What functions are defined in forms.tsx?
forms.tsx defines 1 function(s): CardsForms.
What does forms.tsx depend on?
forms.tsx imports 7 module(s): button, card, checkbox, field, input, radio-group, textarea.
Where is forms.tsx in the architecture?
forms.tsx is located at apps/v4/components/cards/forms.tsx (domain: Internationalization, subdomain: RTLLayout, directory: apps/v4/components/cards).

Analyze Your Own Codebase

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

Try Supermodel Free