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
  53a3ba23_914e_e712_0b1f_d66da0aef30b["radio-fields.tsx"]
  b5f68436_cf6b_fba3_fb29_abf27fd13442["field"]
  53a3ba23_914e_e712_0b1f_d66da0aef30b --> b5f68436_cf6b_fba3_fb29_abf27fd13442
  49324200_de94_25c3_5155_08b8655881b5["radio-group"]
  53a3ba23_914e_e712_0b1f_d66da0aef30b --> 49324200_de94_25c3_5155_08b8655881b5
  style 53a3ba23_914e_e712_0b1f_d66da0aef30b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  Field,
  FieldContent,
  FieldDescription,
  FieldGroup,
  FieldLabel,
  FieldLegend,
  FieldSet,
  FieldTitle,
} from "@/examples/radix/ui/field"
import { RadioGroup, RadioGroupItem } from "@/examples/radix/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/radix/radio-fields.tsx (domain: DocumentationAtlas, subdomain: ContentSourcing, directory: apps/v4/examples/radix).

Analyze Your Own Codebase

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

Try Supermodel Free