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.
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)
Domain
Subdomains
Functions
Dependencies
- dropdown-menu
- icons-react
- input-group
- language-selector
- lucide-react
- separator
- tooltip
Source
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