ui Architecture Docs
Home / File/ preview.tsx — ui Source File

preview.tsx — ui Source File

Architecture documentation for preview.tsx, a tsx file in the ui codebase. 28 imports, 0 dependents.

File tsx ComponentRegistry ChartRegistry 28 imports 13 functions

Entity Profile

Dependency Diagram

graph LR
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a["preview.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  da02b53a_0c1d_d1a1_af31_74d99f1cdd7a["example"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> da02b53a_0c1d_d1a1_af31_74d99f1cdd7a
  bfc430ce_d159_e9be_2c86_c916a11f886d["alert-dialog"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> bfc430ce_d159_e9be_2c86_c916a11f886d
  c189c3c0_a1b8_4ad9_527c_a5af15f8c93a["avatar"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> c189c3c0_a1b8_4ad9_527c_a5af15f8c93a
  452eda35_d2bf_4302_cb12_371f9f01e11b["badge"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> 452eda35_d2bf_4302_cb12_371f9f01e11b
  381135fe_5f7a_910a_b8a2_691e9756a016["button"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> 381135fe_5f7a_910a_b8a2_691e9756a016
  b3186039_f02b_ac46_d62c_9c87ea4d1ca1["button-group"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> b3186039_f02b_ac46_d62c_9c87ea4d1ca1
  11818bc0_4ad2_fa77_9175_f5c44c22af5e["card"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> 11818bc0_4ad2_fa77_9175_f5c44c22af5e
  8b64d6be_c781_e1ef_267f_df08225927fd["checkbox"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> 8b64d6be_c781_e1ef_267f_df08225927fd
  d59eb10c_33ad_0a59_4cd2_d4215ade8407["combobox"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> d59eb10c_33ad_0a59_4cd2_d4215ade8407
  8001cb6e_41cc_4789_e2c4_6c9b6b1cc0bb["dropdown-menu"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> 8001cb6e_41cc_4789_e2c4_6c9b6b1cc0bb
  60e5614f_5f22_4214_bc6f_532cdf848a85["empty"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> 60e5614f_5f22_4214_bc6f_532cdf848a85
  e2659e08_4bcd_4a08_ab57_ce3a18c3b284["field"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> e2659e08_4bcd_4a08_ab57_ce3a18c3b284
  dc919c5d_820f_f2af_7ccd_a07763a51161["input"]
  7019dfd7_73aa_c7b5_4065_6d3efa35f26a --> dc919c5d_820f_f2af_7ccd_a07763a51161
  style 7019dfd7_73aa_c7b5_4065_6d3efa35f26a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import { useState } from "react"

import {
  Example,
  ExampleWrapper,
} from "@/registry/bases/radix/components/example"
import {
  AlertDialog,
  AlertDialogAction,
  AlertDialogCancel,
  AlertDialogContent,
  AlertDialogDescription,
  AlertDialogFooter,
  AlertDialogHeader,
  AlertDialogMedia,
  AlertDialogTitle,
  AlertDialogTrigger,
} from "@/registry/bases/radix/ui/alert-dialog"
import {
  Avatar,
  AvatarFallback,
  AvatarGroup,
  AvatarImage,
} from "@/registry/bases/radix/ui/avatar"
import { Badge } from "@/registry/bases/radix/ui/badge"
import { Button } from "@/registry/bases/radix/ui/button"
import { ButtonGroup } from "@/registry/bases/radix/ui/button-group"
import {
  Card,
  CardAction,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "@/registry/bases/radix/ui/card"
import { Checkbox } from "@/registry/bases/radix/ui/checkbox"
import {
  Combobox,
  ComboboxContent,
  ComboboxEmpty,
  ComboboxInput,
  ComboboxItem,
  ComboboxList,
} from "@/registry/bases/radix/ui/combobox"
import {
  DropdownMenu,
  DropdownMenuCheckboxItem,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuPortal,
  DropdownMenuRadioGroup,
  DropdownMenuRadioItem,
  DropdownMenuSeparator,
  DropdownMenuShortcut,
// ... (1623 more lines)

Domain

Subdomains

Functions

Dependencies

  • alert-dialog
  • avatar
  • badge
  • button
  • button-group
  • card
  • checkbox
  • combobox
  • dropdown-menu
  • empty
  • example
  • field
  • icon-placeholder
  • input
  • input-group
  • item
  • label
  • popover
  • radio-group
  • react
  • select
  • separator
  • sheet
  • slider
  • spinner
  • switch
  • textarea
  • tooltip

Source

Frequently Asked Questions

What does preview.tsx do?
preview.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in preview.tsx?
preview.tsx defines 13 function(s): BadgeExamples, ButtonGroupExamples, CoverExample, EmptyAvatarGroup, EmptyWithSpinner, FieldExamples, FieldSlider, FormExample, InputGroupExamples, ItemExample, and 3 more.
What does preview.tsx depend on?
preview.tsx imports 28 module(s): alert-dialog, avatar, badge, button, button-group, card, checkbox, combobox, and 20 more.
Where is preview.tsx in the architecture?
preview.tsx is located at apps/v4/registry/bases/radix/blocks/preview.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: apps/v4/registry/bases/radix/blocks).

Analyze Your Own Codebase

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

Try Supermodel Free