ui Architecture Docs
Home / File/ button-group-demo.tsx — ui Source File

button-group-demo.tsx — ui Source File

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

File tsx DocumentationAtlas Changelog 15 imports 1 dependents 2 functions

Entity Profile

Dependency Diagram

graph LR
  e0c14441_6aa6_b137_53bb_6345d5c6f71b["button-group-demo.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  39a0d62e_8e7d_d097_eb95_91d2bca361f7["icons-react"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> 39a0d62e_8e7d_d097_eb95_91d2bca361f7
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> 57e86e45_ac6e_7278_be08_9092724e8401
  d431e985_324f_ebc5_0383_4b336fa5e906["button-group"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> d431e985_324f_ebc5_0383_4b336fa5e906
  d1cb37f2_0d1d_01bc_0d60_a15219afac51["dropdown-menu"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> d1cb37f2_0d1d_01bc_0d60_a15219afac51
  169af77a_46c3_8fec_4801_f34a0f1a3471["field"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> 169af77a_46c3_8fec_4801_f34a0f1a3471
  80cf663d_a411_487c_d69e_ac9d405cd2ec["input"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> 80cf663d_a411_487c_d69e_ac9d405cd2ec
  41df1c2c_a3b4_dc22_8bc9_310fe8b6ba9b["input-group"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> 41df1c2c_a3b4_dc22_8bc9_310fe8b6ba9b
  d752035b_6ed3_c6ef_e27c_eef51af9ec8d["label"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> d752035b_6ed3_c6ef_e27c_eef51af9ec8d
  64a3481c_a85b_fe79_409a_cb7f3f4bb871["popover"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> 64a3481c_a85b_fe79_409a_cb7f3f4bb871
  c2fa7225_1ddd_1cbc_8810_ee5e42af14d6["select"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> c2fa7225_1ddd_1cbc_8810_ee5e42af14d6
  b2c60dee_4ede_8485_a6b4_91c999cdc69f["separator"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> b2c60dee_4ede_8485_a6b4_91c999cdc69f
  a1802a9d_1c52_7ef5_709a_134c4400c1c3["textarea"]
  e0c14441_6aa6_b137_53bb_6345d5c6f71b --> a1802a9d_1c52_7ef5_709a_134c4400c1c3
  style e0c14441_6aa6_b137_53bb_6345d5c6f71b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { useState } from "react"
import {
  IconArrowRight,
  IconBrandGithubCopilot,
  IconChevronDown,
  IconCircleCheck,
  IconCloudCode,
  IconHeart,
  IconMinus,
  IconPin,
  IconPlus,
  IconUserCircle,
} from "@tabler/icons-react"
import {
  AlertTriangleIcon,
  ArrowLeftIcon,
  ArrowRightIcon,
  AudioLinesIcon,
  CheckIcon,
  ChevronDownIcon,
  CopyIcon,
  FlipHorizontalIcon,
  FlipVerticalIcon,
  MoreHorizontalIcon,
  PercentIcon,
  RotateCwIcon,
  SearchIcon,
  ShareIcon,
  TrashIcon,
  UserRoundXIcon,
  VolumeOffIcon,
} from "lucide-react"

import { Button } from "@/registry/new-york-v4/ui/button"
import {
  ButtonGroup,
  ButtonGroupSeparator,
  ButtonGroupText,
} from "@/registry/new-york-v4/ui/button-group"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/registry/new-york-v4/ui/dropdown-menu"
import { Field, FieldGroup } from "@/registry/new-york-v4/ui/field"
import { Input } from "@/registry/new-york-v4/ui/input"
import {
  InputGroup,
  InputGroupAddon,
  InputGroupButton,
  InputGroupInput,
} from "@/registry/new-york-v4/ui/input-group"
import { Label } from "@/registry/new-york-v4/ui/label"
import {
  Popover,
// ... (522 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • button-group
  • dropdown-menu
  • field
  • icons-react
  • input
  • input-group
  • label
  • lucide-react
  • popover
  • react
  • select
  • separator
  • textarea
  • tooltip

Imported By

Source

Frequently Asked Questions

What does button-group-demo.tsx do?
button-group-demo.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, Changelog subdomain.
What functions are defined in button-group-demo.tsx?
button-group-demo.tsx defines 2 function(s): ButtonGroupDemo, ExportButtonGroup.
What does button-group-demo.tsx depend on?
button-group-demo.tsx imports 15 module(s): button, button-group, dropdown-menu, field, icons-react, input, input-group, label, and 7 more.
What files import button-group-demo.tsx?
button-group-demo.tsx is imported by 1 file(s): component-registry.ts.
Where is button-group-demo.tsx in the architecture?
button-group-demo.tsx is located at apps/v4/app/(internal)/sink/components/button-group-demo.tsx (domain: DocumentationAtlas, subdomain: Changelog, directory: apps/v4/app/(internal)/sink/components).

Analyze Your Own Codebase

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

Try Supermodel Free