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

radio-group-fieldset.tsx — ui Source File

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

File tsx DocumentationAtlas Changelog 2 imports 1 functions

Entity Profile

Dependency Diagram

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

Relationship Graph

Source Code

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

export function RadioGroupFieldset() {
  return (
    <FieldSet className="w-full max-w-xs">
      <FieldLegend variant="label">Subscription Plan</FieldLegend>
      <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>
  )
}

Domain

Subdomains

Functions

Dependencies

  • field
  • radio-group

Source

Frequently Asked Questions

What does radio-group-fieldset.tsx do?
radio-group-fieldset.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, Changelog subdomain.
What functions are defined in radio-group-fieldset.tsx?
radio-group-fieldset.tsx defines 1 function(s): RadioGroupFieldset.
What does radio-group-fieldset.tsx depend on?
radio-group-fieldset.tsx imports 2 module(s): field, radio-group.
Where is radio-group-fieldset.tsx in the architecture?
radio-group-fieldset.tsx is located at apps/v4/examples/base/radio-group-fieldset.tsx (domain: DocumentationAtlas, subdomain: Changelog, 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