ui Architecture Docs
Home / File/ shipping-form.tsx — ui Source File

shipping-form.tsx — ui Source File

Architecture documentation for shipping-form.tsx, a tsx file in the ui codebase. 6 imports, 0 dependents.

File tsx DocumentationAtlas SearchAPI 6 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  8e63a198_6d6c_4d1f_a1b9_a36e156affc7["shipping-form.tsx"]
  4c79c55d_d834_3cdd_ce17_cc4f4eb47d55["badge"]
  8e63a198_6d6c_4d1f_a1b9_a36e156affc7 --> 4c79c55d_d834_3cdd_ce17_cc4f4eb47d55
  4f6bcac7_12b3_b724_9762_64ace071aa20["checkbox"]
  8e63a198_6d6c_4d1f_a1b9_a36e156affc7 --> 4f6bcac7_12b3_b724_9762_64ace071aa20
  169af77a_46c3_8fec_4801_f34a0f1a3471["field"]
  8e63a198_6d6c_4d1f_a1b9_a36e156affc7 --> 169af77a_46c3_8fec_4801_f34a0f1a3471
  80cf663d_a411_487c_d69e_ac9d405cd2ec["input"]
  8e63a198_6d6c_4d1f_a1b9_a36e156affc7 --> 80cf663d_a411_487c_d69e_ac9d405cd2ec
  a3246e53_c55c_1cf0_424d_b2142e1739ab["radio-group"]
  8e63a198_6d6c_4d1f_a1b9_a36e156affc7 --> a3246e53_c55c_1cf0_424d_b2142e1739ab
  a1802a9d_1c52_7ef5_709a_134c4400c1c3["textarea"]
  8e63a198_6d6c_4d1f_a1b9_a36e156affc7 --> a1802a9d_1c52_7ef5_709a_134c4400c1c3
  style 8e63a198_6d6c_4d1f_a1b9_a36e156affc7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Badge } from "@/registry/new-york-v4/ui/badge"
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"

export function ShippingForm() {
  return (
    <FieldSet>
      <FieldLegend>Shipping Details</FieldLegend>
      <FieldDescription>
        Please provide your shipping details so we can deliver your order.
      </FieldDescription>
      <FieldGroup>
        <Field>
          <FieldLabel htmlFor="street-address">Street Address</FieldLabel>
          <Input id="street-address" autoComplete="off" />
        </Field>
        <Field>
          <FieldLabel htmlFor="city">City</FieldLabel>
          <Input id="city" />
        </Field>
        <FieldSet>
          <FieldLegend variant="label">Shipping Method</FieldLegend>
          <FieldDescription>
            Please select the shipping method for your order.
          </FieldDescription>
          <RadioGroup>
            <Field orientation="horizontal">
              <RadioGroupItem value="standard" id="shipping-method-1" />
              <FieldLabel htmlFor="shipping-method-1" className="font-normal">
                Standard{" "}
                <Badge className="rounded-full py-px" variant="outline">
                  Free
                </Badge>
              </FieldLabel>
            </Field>
            <Field orientation="horizontal">
              <RadioGroupItem value="express" id="shipping-method-2" />
              <FieldLabel htmlFor="shipping-method-2" className="font-normal">
                Express
              </FieldLabel>
            </Field>
          </RadioGroup>
        </FieldSet>
        <Field>
          <FieldLabel htmlFor="message">Message</FieldLabel>
// ... (62 more lines)

Domain

Subdomains

Functions

Dependencies

  • badge
  • checkbox
  • field
  • input
  • radio-group
  • textarea

Source

Frequently Asked Questions

What does shipping-form.tsx do?
shipping-form.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in shipping-form.tsx?
shipping-form.tsx defines 1 function(s): ShippingForm.
What does shipping-form.tsx depend on?
shipping-form.tsx imports 6 module(s): badge, checkbox, field, input, radio-group, textarea.
Where is shipping-form.tsx in the architecture?
shipping-form.tsx is located at apps/v4/app/(internal)/sink/(pages)/forms/shipping-form.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/app/(internal)/sink/(pages)/forms).

Analyze Your Own Codebase

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

Try Supermodel Free