ui Architecture Docs
Home / File/ field-radio.tsx — ui Source File

field-radio.tsx — ui Source File

Architecture documentation for field-radio.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.

File tsx ComponentRegistry ChartRegistry 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  67a34dcd_0e36_ea3a_b751_b80785bfb6ee["field-radio.tsx"]
  169af77a_46c3_8fec_4801_f34a0f1a3471["field"]
  67a34dcd_0e36_ea3a_b751_b80785bfb6ee --> 169af77a_46c3_8fec_4801_f34a0f1a3471
  a3246e53_c55c_1cf0_424d_b2142e1739ab["radio-group"]
  67a34dcd_0e36_ea3a_b751_b80785bfb6ee --> a3246e53_c55c_1cf0_424d_b2142e1739ab
  style 67a34dcd_0e36_ea3a_b751_b80785bfb6ee fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  Field,
  FieldDescription,
  FieldLabel,
  FieldSet,
} from "@/registry/new-york-v4/ui/field"
import {
  RadioGroup,
  RadioGroupItem,
} from "@/registry/new-york-v4/ui/radio-group"

export default function FieldRadio() {
  return (
    <div className="w-full max-w-md">
      <FieldSet>
        <FieldLabel>Subscription Plan</FieldLabel>
        <FieldDescription>
          Yearly and lifetime plans offer significant savings.
        </FieldDescription>
        <RadioGroup defaultValue="monthly">
          <Field orientation="horizontal">
            <RadioGroupItem value="monthly" id="plan-monthly" />
            <FieldLabel htmlFor="plan-monthly" className="font-normal">
              Monthly ($9.99/month)
            </FieldLabel>
          </Field>
          <Field orientation="horizontal">
            <RadioGroupItem value="yearly" id="plan-yearly" />
            <FieldLabel htmlFor="plan-yearly" className="font-normal">
              Yearly ($99.99/year)
            </FieldLabel>
          </Field>
          <Field orientation="horizontal">
            <RadioGroupItem value="lifetime" id="plan-lifetime" />
            <FieldLabel htmlFor="plan-lifetime" className="font-normal">
              Lifetime ($299.99)
            </FieldLabel>
          </Field>
        </RadioGroup>
      </FieldSet>
    </div>
  )
}

Domain

Subdomains

Functions

Dependencies

  • field
  • radio-group

Source

Frequently Asked Questions

What does field-radio.tsx do?
field-radio.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in field-radio.tsx?
field-radio.tsx defines 1 function(s): FieldRadio.
What does field-radio.tsx depend on?
field-radio.tsx imports 2 module(s): field, radio-group.
Where is field-radio.tsx in the architecture?
field-radio.tsx is located at apps/v4/registry/new-york-v4/examples/field-radio.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: apps/v4/registry/new-york-v4/examples).

Analyze Your Own Codebase

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

Try Supermodel Free