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

field-rtl.tsx — ui Source File

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

File tsx DocumentationAtlas ContentSourcing 7 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  20ab8dba_a9e5_02b9_57bb_ae2433a712d0["field-rtl.tsx"]
  c79cdc74_50fb_62bd_465f_35936d2c5eac["button"]
  20ab8dba_a9e5_02b9_57bb_ae2433a712d0 --> c79cdc74_50fb_62bd_465f_35936d2c5eac
  3a78bac7_f7e1_bd62_bf90_067c8b71835a["checkbox"]
  20ab8dba_a9e5_02b9_57bb_ae2433a712d0 --> 3a78bac7_f7e1_bd62_bf90_067c8b71835a
  68874b2d_841d_f625_bf4f_104dc94b730e["field"]
  20ab8dba_a9e5_02b9_57bb_ae2433a712d0 --> 68874b2d_841d_f625_bf4f_104dc94b730e
  3d4e1aa6_8242_bf41_73c3_09dcaa04d08b["input"]
  20ab8dba_a9e5_02b9_57bb_ae2433a712d0 --> 3d4e1aa6_8242_bf41_73c3_09dcaa04d08b
  456b3003_eedf_fd22_e346_2822d2817415["select"]
  20ab8dba_a9e5_02b9_57bb_ae2433a712d0 --> 456b3003_eedf_fd22_e346_2822d2817415
  12c0bb0a_da76_6eac_2b32_df2b868babc8["textarea"]
  20ab8dba_a9e5_02b9_57bb_ae2433a712d0 --> 12c0bb0a_da76_6eac_2b32_df2b868babc8
  2c1404ab_bf28_6225_f9a0_b9e29400c66c["language-selector"]
  20ab8dba_a9e5_02b9_57bb_ae2433a712d0 --> 2c1404ab_bf28_6225_f9a0_b9e29400c66c
  style 20ab8dba_a9e5_02b9_57bb_ae2433a712d0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { Button } from "@/examples/radix/ui-rtl/button"
import { Checkbox } from "@/examples/radix/ui-rtl/checkbox"
import {
  Field,
  FieldDescription,
  FieldGroup,
  FieldLabel,
  FieldLegend,
  FieldSeparator,
  FieldSet,
} from "@/examples/radix/ui-rtl/field"
import { Input } from "@/examples/radix/ui-rtl/input"
import {
  Select,
  SelectContent,
  SelectGroup,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/examples/radix/ui-rtl/select"
import { Textarea } from "@/examples/radix/ui-rtl/textarea"

import {
  useTranslation,
  type Translations,
} from "@/components/language-selector"

const months = [
  { label: "MM", value: null },
  { label: "01", value: "01" },
  { label: "02", value: "02" },
  { label: "03", value: "03" },
  { label: "04", value: "04" },
  { label: "05", value: "05" },
  { label: "06", value: "06" },
  { label: "07", value: "07" },
  { label: "08", value: "08" },
  { label: "09", value: "09" },
  { label: "10", value: "10" },
  { label: "11", value: "11" },
  { label: "12", value: "12" },
]

const years = [
  { label: "YYYY", value: null },
  { label: "2024", value: "2024" },
  { label: "2025", value: "2025" },
  { label: "2026", value: "2026" },
  { label: "2027", value: "2027" },
  { label: "2028", value: "2028" },
  { label: "2029", value: "2029" },
]

const translations: Translations = {
  en: {
    dir: "ltr",
    values: {
      paymentMethod: "Payment Method",
// ... (235 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • checkbox
  • field
  • input
  • language-selector
  • select
  • textarea

Source

Frequently Asked Questions

What does field-rtl.tsx do?
field-rtl.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 field-rtl.tsx?
field-rtl.tsx defines 1 function(s): FieldRtl.
What does field-rtl.tsx depend on?
field-rtl.tsx imports 7 module(s): button, checkbox, field, input, language-selector, select, textarea.
Where is field-rtl.tsx in the architecture?
field-rtl.tsx is located at apps/v4/examples/radix/field-rtl.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