Home / File/ input-group-demo.tsx — ui Source File

input-group-demo.tsx — ui Source File

Architecture documentation for input-group-demo.tsx, a tsx file in the ui codebase. 7 imports, 1 dependents.

File tsx Internationalization Dictionary 7 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  9435dd19_32d5_8698_324f_ba3b606153ab["input-group-demo.tsx"]
  bad3ab01_8dbf_3560_d05f_3d66daedd204["dropdown-menu"]
  9435dd19_32d5_8698_324f_ba3b606153ab --> bad3ab01_8dbf_3560_d05f_3d66daedd204
  5a7da2d0_5f0c_be7c_cec3_d1c492aa50f7["input-group"]
  9435dd19_32d5_8698_324f_ba3b606153ab --> 5a7da2d0_5f0c_be7c_cec3_d1c492aa50f7
  d91f2d92_028d_f8a9_3acf_7be6f2a34921["separator"]
  9435dd19_32d5_8698_324f_ba3b606153ab --> d91f2d92_028d_f8a9_3acf_7be6f2a34921
  6544c2c5_b5c4_9182_1e6a_d512018c1eb1["tooltip"]
  9435dd19_32d5_8698_324f_ba3b606153ab --> 6544c2c5_b5c4_9182_1e6a_d512018c1eb1
  39a0d62e_8e7d_d097_eb95_91d2bca361f7["icons-react"]
  9435dd19_32d5_8698_324f_ba3b606153ab --> 39a0d62e_8e7d_d097_eb95_91d2bca361f7
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  9435dd19_32d5_8698_324f_ba3b606153ab --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  2c1404ab_bf28_6225_f9a0_b9e29400c66c["language-selector"]
  9435dd19_32d5_8698_324f_ba3b606153ab --> 2c1404ab_bf28_6225_f9a0_b9e29400c66c
  a20493d4_39f4_bced_97b9_027078a02a91["index.tsx"]
  a20493d4_39f4_bced_97b9_027078a02a91 --> 9435dd19_32d5_8698_324f_ba3b606153ab
  style 9435dd19_32d5_8698_324f_ba3b606153ab fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from "@/examples/base/ui-rtl/dropdown-menu"
import {
  InputGroup,
  InputGroupAddon,
  InputGroupButton,
  InputGroupInput,
  InputGroupText,
  InputGroupTextarea,
} from "@/examples/base/ui-rtl/input-group"
import { Separator } from "@/examples/base/ui-rtl/separator"
import {
  Tooltip,
  TooltipContent,
  TooltipTrigger,
} from "@/examples/base/ui-rtl/tooltip"
import {
  IconCheck,
  IconChevronDown,
  IconInfoCircle,
  IconPlus,
} from "@tabler/icons-react"
import { ArrowUpIcon, Search } from "lucide-react"

import { useLanguageContext } from "@/components/language-selector"

const translations = {
  ar: {
    dir: "rtl" as const,
    search: "بحث...",
    results: "12 نتيجة",
    example: "example.com",
    tooltipContent: "هذا محتوى في تلميح.",
    askSearchChat: "اسأل، ابحث أو تحدث...",
    add: "إضافة",
    auto: "تلقائي",
    agent: "وكيل",
    manual: "يدوي",
    used: "52% مستخدم",
    send: "إرسال",
  },
  he: {
    dir: "rtl" as const,
    search: "חיפוש...",
    results: "12 תוצאות",
    example: "example.com",
    tooltipContent: "זה תוכן בטולטיפ.",
    askSearchChat: "שאל, חפש או שוחח...",
    add: "הוסף",
    auto: "אוטומטי",
    agent: "סוכן",
    manual: "ידני",
    used: "52% בשימוש",
    send: "שלח",
// ... (81 more lines)

Subdomains

Functions

Dependencies

  • dropdown-menu
  • icons-react
  • input-group
  • language-selector
  • lucide-react
  • separator
  • tooltip

Frequently Asked Questions

What does input-group-demo.tsx do?
input-group-demo.tsx is a source file in the ui codebase, written in tsx. It belongs to the Internationalization domain, Dictionary subdomain.
What functions are defined in input-group-demo.tsx?
input-group-demo.tsx defines 1 function(s): InputGroupDemo.
What does input-group-demo.tsx depend on?
input-group-demo.tsx imports 7 module(s): dropdown-menu, icons-react, input-group, language-selector, lucide-react, separator, tooltip.
What files import input-group-demo.tsx?
input-group-demo.tsx is imported by 1 file(s): index.tsx.
Where is input-group-demo.tsx in the architecture?
input-group-demo.tsx is located at apps/v4/app/(app)/examples/rtl/components/input-group-demo.tsx (domain: Internationalization, subdomain: Dictionary, directory: apps/v4/app/(app)/examples/rtl/components).

Analyze Your Own Codebase

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

Try Supermodel Free