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

radio-fields.tsx — ui Source File

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

File tsx DocumentationAtlas ContentSourcing 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  c7a0e0e3_b8b7_f3cf_3035_e1ab513ba6b9["radio-fields.tsx"]
  e6c524b5_d047_d4f9_50b2_7f100d612cb2["field"]
  c7a0e0e3_b8b7_f3cf_3035_e1ab513ba6b9 --> e6c524b5_d047_d4f9_50b2_7f100d612cb2
  654cf81d_2869_1e7e_dc6d_1a0b30a54a2a["radio-group"]
  c7a0e0e3_b8b7_f3cf_3035_e1ab513ba6b9 --> 654cf81d_2869_1e7e_dc6d_1a0b30a54a2a
  style c7a0e0e3_b8b7_f3cf_3035_e1ab513ba6b9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  Field,
  FieldContent,
  FieldDescription,
  FieldGroup,
  FieldLabel,
  FieldLegend,
  FieldSet,
  FieldTitle,
} from "@/examples/base/ui/field"
import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group"

export function RadioFields() {
  return (
    <FieldGroup>
      <FieldSet>
        <FieldLegend variant="label">Subscription Plan</FieldLegend>
        <RadioGroup defaultValue="free">
          <Field orientation="horizontal">
            <RadioGroupItem value="free" id="radio-free" />
            <FieldLabel htmlFor="radio-free" className="font-normal">
              Free Plan
            </FieldLabel>
          </Field>
          <Field orientation="horizontal">
            <RadioGroupItem value="pro" id="radio-pro" />
            <FieldLabel htmlFor="radio-pro" className="font-normal">
              Pro Plan
            </FieldLabel>
          </Field>
          <Field orientation="horizontal">
            <RadioGroupItem value="enterprise" id="radio-enterprise" />
            <FieldLabel htmlFor="radio-enterprise" className="font-normal">
              Enterprise
            </FieldLabel>
          </Field>
        </RadioGroup>
      </FieldSet>
      <FieldSet>
        <FieldLegend variant="label">Battery Level</FieldLegend>
        <FieldDescription>
          Choose your preferred battery level.
        </FieldDescription>
        <RadioGroup>
          <Field orientation="horizontal">
            <RadioGroupItem value="high" id="battery-high" />
            <FieldLabel htmlFor="battery-high">High</FieldLabel>
          </Field>
          <Field orientation="horizontal">
            <RadioGroupItem value="medium" id="battery-medium" />
            <FieldLabel htmlFor="battery-medium">Medium</FieldLabel>
          </Field>
          <Field orientation="horizontal">
            <RadioGroupItem value="low" id="battery-low" />
            <FieldLabel htmlFor="battery-low">Low</FieldLabel>
          </Field>
        </RadioGroup>
      </FieldSet>
      <RadioGroup className="gap-6">
        <Field orientation="horizontal">
// ... (90 more lines)

Domain

Subdomains

Functions

Dependencies

  • field
  • radio-group

Source

Frequently Asked Questions

What does radio-fields.tsx do?
radio-fields.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 radio-fields.tsx?
radio-fields.tsx defines 1 function(s): RadioFields.
What does radio-fields.tsx depend on?
radio-fields.tsx imports 2 module(s): field, radio-group.
Where is radio-fields.tsx in the architecture?
radio-fields.tsx is located at apps/v4/examples/base/radio-fields.tsx (domain: DocumentationAtlas, subdomain: ContentSourcing, directory: apps/v4/examples/base).

Analyze Your Own Codebase

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

Try Supermodel Free