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

select-rtl.tsx — ui Source File

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

File tsx DocumentationAtlas SearchAPI 3 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  1b69ae20_8c80_4daa_dc7f_f7d03798c9d7["select-rtl.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  1b69ae20_8c80_4daa_dc7f_f7d03798c9d7 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  530aee77_5348_0356_b38e_5d1d5048ceb6["select"]
  1b69ae20_8c80_4daa_dc7f_f7d03798c9d7 --> 530aee77_5348_0356_b38e_5d1d5048ceb6
  2c1404ab_bf28_6225_f9a0_b9e29400c66c["language-selector"]
  1b69ae20_8c80_4daa_dc7f_f7d03798c9d7 --> 2c1404ab_bf28_6225_f9a0_b9e29400c66c
  style 1b69ae20_8c80_4daa_dc7f_f7d03798c9d7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import {
  Select,
  SelectContent,
  SelectGroup,
  SelectItem,
  SelectLabel,
  SelectSeparator,
  SelectTrigger,
  SelectValue,
} from "@/examples/base/ui-rtl/select"

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

const translations: Translations = {
  en: {
    dir: "ltr",
    values: {
      selectFruit: "Select a fruit",
      fruits: "Fruits",
      apple: "Apple",
      banana: "Banana",
      blueberry: "Blueberry",
      grapes: "Grapes",
      pineapple: "Pineapple",
      vegetables: "Vegetables",
      carrot: "Carrot",
      broccoli: "Broccoli",
      spinach: "Spinach",
    },
  },
  ar: {
    dir: "rtl",
    values: {
      selectFruit: "اختر فاكهة",
      fruits: "الفواكه",
      apple: "تفاح",
      banana: "موز",
      blueberry: "توت أزرق",
      grapes: "عنب",
      pineapple: "أناناس",
      vegetables: "الخضروات",
      carrot: "جزر",
      broccoli: "بروكلي",
      spinach: "سبانخ",
    },
  },
  he: {
    dir: "rtl",
    values: {
      selectFruit: "בחר פרי",
      fruits: "פירות",
      apple: "תפוח",
      banana: "בננה",
// ... (67 more lines)

Domain

Subdomains

Functions

Dependencies

  • language-selector
  • react
  • select

Source

Frequently Asked Questions

What does select-rtl.tsx do?
select-rtl.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 select-rtl.tsx?
select-rtl.tsx defines 1 function(s): SelectRtl.
What does select-rtl.tsx depend on?
select-rtl.tsx imports 3 module(s): language-selector, react, select.
Where is select-rtl.tsx in the architecture?
select-rtl.tsx is located at apps/v4/examples/base/select-rtl.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, 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