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

combobox-demo.tsx — ui Source File

Architecture documentation for combobox-demo.tsx, a tsx file in the ui codebase. 3 imports, 1 dependents.

File tsx DocumentationAtlas Changelog 3 imports 1 dependents 2 functions

Entity Profile

Dependency Diagram

graph LR
  b41756a0_e7f5_8860_3e5e_716f0432f867["combobox-demo.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  b41756a0_e7f5_8860_3e5e_716f0432f867 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  b41756a0_e7f5_8860_3e5e_716f0432f867 --> 57e86e45_ac6e_7278_be08_9092724e8401
  6d1cf5d7_7c9c_773c_b933_f0caf9552951["combobox"]
  b41756a0_e7f5_8860_3e5e_716f0432f867 --> 6d1cf5d7_7c9c_773c_b933_f0caf9552951
  1c2403dc_4584_9f39_4e98_855a7de18bd1["component-registry.ts"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> b41756a0_e7f5_8860_3e5e_716f0432f867
  style b41756a0_e7f5_8860_3e5e_716f0432f867 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"

import { Button } from "@/registry/new-york-v4/ui/button"
import {
  Combobox,
  ComboboxChip,
  ComboboxChips,
  ComboboxChipsInput,
  ComboboxCollection,
  ComboboxContent,
  ComboboxEmpty,
  ComboboxGroup,
  ComboboxInput,
  ComboboxItem,
  ComboboxLabel,
  ComboboxList,
  ComboboxTrigger,
  ComboboxValue,
  useComboboxAnchor,
} from "@/registry/new-york-v4/ui/combobox"

const frameworks = [
  "Next.js",
  "SvelteKit",
  "Nuxt.js",
  "Remix",
  "Astro",
] as const

const timezones = [
  {
    value: "Americas",
    items: ["(GMT-5) New York", "(GMT-8) Los Angeles", "(GMT-6) Chicago"],
  },
  {
    value: "Europe",
    items: ["(GMT+0) London", "(GMT+1) Paris", "(GMT+1) Berlin"],
  },
  {
    value: "Asia/Pacific",
    items: ["(GMT+9) Tokyo", "(GMT+8) Shanghai", "(GMT+8) Singapore"],
  },
] as const

const countries = [
  { code: "", value: "", label: "Select country" },
  { code: "us", value: "united-states", label: "United States" },
  { code: "ca", value: "canada", label: "Canada" },
  { code: "gb", value: "united-kingdom", label: "United Kingdom" },
  { code: "de", value: "germany", label: "Germany" },
  { code: "fr", value: "france", label: "France" },
  { code: "jp", value: "japan", label: "Japan" },
]

export function ComboboxDemo() {
  return (
    <div className="flex w-full flex-col gap-6">
      {/* Basic combobox. */}
// ... (124 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • combobox
  • react

Imported By

Source

Frequently Asked Questions

What does combobox-demo.tsx do?
combobox-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 combobox-demo.tsx?
combobox-demo.tsx defines 2 function(s): ComboboxDemo, ComboboxMultiple.
What does combobox-demo.tsx depend on?
combobox-demo.tsx imports 3 module(s): button, combobox, react.
What files import combobox-demo.tsx?
combobox-demo.tsx is imported by 1 file(s): component-registry.ts.
Where is combobox-demo.tsx in the architecture?
combobox-demo.tsx is located at apps/v4/app/(internal)/sink/components/combobox-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