ui Architecture Docs
Home / File/ input-group-example.tsx — ui Source File

input-group-example.tsx — ui Source File

Architecture documentation for input-group-example.tsx, a tsx file in the ui codebase. 16 imports, 0 dependents.

File tsx ComponentRegistry UIPrimitives 16 imports 8 functions

Entity Profile

Dependency Diagram

graph LR
  a740b52a_e6c2_0afa_8096_0716feaa239c["input-group-example.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  e750d152_1191_1793_7244_99c7f9c595f4["sonner"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> e750d152_1191_1793_7244_99c7f9c595f4
  f56be340_a522_c6f7_dec3_5906873d14c8["example"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> f56be340_a522_c6f7_dec3_5906873d14c8
  7328fa0a_98b6_fe77_42fd_0d1582b24604["button"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> 7328fa0a_98b6_fe77_42fd_0d1582b24604
  20f0e6b3_a16f_5523_f44c_e3dd2e8e47ca["button-group"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> 20f0e6b3_a16f_5523_f44c_e3dd2e8e47ca
  deffd1e6_798d_b7fd_c687_7ccabc947893["card"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> deffd1e6_798d_b7fd_c687_7ccabc947893
  ac307fe4_34c0_4667_089c_c9e7c15ca708["dropdown-menu"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> ac307fe4_34c0_4667_089c_c9e7c15ca708
  8a527dea_9425_3da4_8ceb_ec3058568dc9["field"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> 8a527dea_9425_3da4_8ceb_ec3058568dc9
  106d51d9_3961_e810_478c_8a9c54987d20["input"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> 106d51d9_3961_e810_478c_8a9c54987d20
  1fc17a46_59d6_3716_6581_5cf015f0af50["input-group"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> 1fc17a46_59d6_3716_6581_5cf015f0af50
  941de019_b70e_6211_9c0b_708c5bd935fe["kbd"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> 941de019_b70e_6211_9c0b_708c5bd935fe
  be464fc7_420f_996e_18a3_0f0f01945197["popover"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> be464fc7_420f_996e_18a3_0f0f01945197
  7f23a2ff_2863_b1ad_0393_3829e9b4d04f["spinner"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> 7f23a2ff_2863_b1ad_0393_3829e9b4d04f
  b13d50f9_6ce4_55bb_cb91_b23db28c24ab["textarea"]
  a740b52a_e6c2_0afa_8096_0716feaa239c --> b13d50f9_6ce4_55bb_cb91_b23db28c24ab
  style a740b52a_e6c2_0afa_8096_0716feaa239c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { useState } from "react"
import { toast } from "sonner"

import {
  Example,
  ExampleWrapper,
} from "@/registry/bases/base/components/example"
import { Button } from "@/registry/bases/base/ui/button"
import {
  ButtonGroup,
  ButtonGroupText,
} from "@/registry/bases/base/ui/button-group"
import {
  Card,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "@/registry/bases/base/ui/card"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from "@/registry/bases/base/ui/dropdown-menu"
import {
  Field,
  FieldDescription,
  FieldGroup,
  FieldLabel,
} from "@/registry/bases/base/ui/field"
import { Input } from "@/registry/bases/base/ui/input"
import {
  InputGroup,
  InputGroupAddon,
  InputGroupButton,
  InputGroupInput,
  InputGroupText,
  InputGroupTextarea,
} from "@/registry/bases/base/ui/input-group"
import { Kbd, KbdGroup } from "@/registry/bases/base/ui/kbd"
import {
  Popover,
  PopoverContent,
  PopoverDescription,
  PopoverHeader,
  PopoverTitle,
  PopoverTrigger,
} from "@/registry/bases/base/ui/popover"
import { Spinner } from "@/registry/bases/base/ui/spinner"
import { Textarea } from "@/registry/bases/base/ui/textarea"
import {
  Tooltip,
  TooltipContent,
  TooltipTrigger,
} from "@/registry/bases/base/ui/tooltip"
import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
// ... (852 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • button-group
  • card
  • dropdown-menu
  • example
  • field
  • icon-placeholder
  • input
  • input-group
  • kbd
  • popover
  • react
  • sonner
  • spinner
  • textarea
  • tooltip

Source

Frequently Asked Questions

What does input-group-example.tsx do?
input-group-example.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, UIPrimitives subdomain.
What functions are defined in input-group-example.tsx?
input-group-example.tsx defines 8 function(s): InputGroupBasic, InputGroupExample, InputGroupInCard, InputGroupTextareaExamples, InputGroupWithAddons, InputGroupWithButtons, InputGroupWithKbd, InputGroupWithTooltip.
What does input-group-example.tsx depend on?
input-group-example.tsx imports 16 module(s): button, button-group, card, dropdown-menu, example, field, icon-placeholder, input, and 8 more.
Where is input-group-example.tsx in the architecture?
input-group-example.tsx is located at apps/v4/registry/bases/base/examples/input-group-example.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: apps/v4/registry/bases/base/examples).

Analyze Your Own Codebase

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

Try Supermodel Free