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. 8 imports, 0 dependents.

File tsx DocumentationAtlas ContentSourcing 8 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  004d72de_f38d_c966_62b3_7f430bf895d9["field-rtl.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  004d72de_f38d_c966_62b3_7f430bf895d9 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  43bb9fc1_6eab_13df_a99b_981eb13b9ec1["button"]
  004d72de_f38d_c966_62b3_7f430bf895d9 --> 43bb9fc1_6eab_13df_a99b_981eb13b9ec1
  cc83a0fe_5b64_ae51_20ef_2b5653e9e45f["checkbox"]
  004d72de_f38d_c966_62b3_7f430bf895d9 --> cc83a0fe_5b64_ae51_20ef_2b5653e9e45f
  7e9c1e20_5a8a_4152_90a3_40c280dc340e["field"]
  004d72de_f38d_c966_62b3_7f430bf895d9 --> 7e9c1e20_5a8a_4152_90a3_40c280dc340e
  480dda64_480e_8d00_f8b9_f67f82fb7c4b["input"]
  004d72de_f38d_c966_62b3_7f430bf895d9 --> 480dda64_480e_8d00_f8b9_f67f82fb7c4b
  530aee77_5348_0356_b38e_5d1d5048ceb6["select"]
  004d72de_f38d_c966_62b3_7f430bf895d9 --> 530aee77_5348_0356_b38e_5d1d5048ceb6
  0eff32f6_d3b5_8091_7623_497e677665f0["textarea"]
  004d72de_f38d_c966_62b3_7f430bf895d9 --> 0eff32f6_d3b5_8091_7623_497e677665f0
  2c1404ab_bf28_6225_f9a0_b9e29400c66c["language-selector"]
  004d72de_f38d_c966_62b3_7f430bf895d9 --> 2c1404ab_bf28_6225_f9a0_b9e29400c66c
  style 004d72de_f38d_c966_62b3_7f430bf895d9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import { Button } from "@/examples/base/ui-rtl/button"
import { Checkbox } from "@/examples/base/ui-rtl/checkbox"
import {
  Field,
  FieldDescription,
  FieldGroup,
  FieldLabel,
  FieldLegend,
  FieldSeparator,
  FieldSet,
} from "@/examples/base/ui-rtl/field"
import { Input } from "@/examples/base/ui-rtl/input"
import {
  Select,
  SelectContent,
  SelectGroup,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/examples/base/ui-rtl/select"
import { Textarea } from "@/examples/base/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: {
// ... (230 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • checkbox
  • field
  • input
  • language-selector
  • react
  • 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 8 module(s): button, checkbox, field, input, language-selector, react, select, textarea.
Where is field-rtl.tsx in the architecture?
field-rtl.tsx is located at apps/v4/examples/base/field-rtl.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