PreviewSystem — ui Architecture
Isolated rendering environments for customized components.
Entity Profile
Dependency Diagram
graph TD subdomain_DesignEngine_PreviewSystem["PreviewSystem"] 1e78e81b_06b1_5143_3ba8_14712f41f48d["template-picker.tsx"] subdomain_DesignEngine_PreviewSystem --> 1e78e81b_06b1_5143_3ba8_14712f41f48d 768e9c76_2dc8_1e8c_f77a_8647e3aa56dd["lock-button.tsx"] subdomain_DesignEngine_PreviewSystem --> 768e9c76_2dc8_1e8c_f77a_8647e3aa56dd d1d6f82a_dca0_0d91_b321_8bfcd475470b["radius-picker.tsx"] subdomain_DesignEngine_PreviewSystem --> d1d6f82a_dca0_0d91_b321_8bfcd475470b 72896a45_b124_4612_efea_d67f3581f577["icon-placeholder.tsx"] subdomain_DesignEngine_PreviewSystem --> 72896a45_b124_4612_efea_d67f3581f577 abf83309_7c64_07e9_522b_7a2cbfb851f2["v0-button.tsx"] subdomain_DesignEngine_PreviewSystem --> abf83309_7c64_07e9_522b_7a2cbfb851f2 b092b998_90ed_5dea_8a23_d23b4e659d3e["picker.tsx"] subdomain_DesignEngine_PreviewSystem --> b092b998_90ed_5dea_8a23_d23b4e659d3e 3a45c4f5_d3ff_2ab9_6e89_7262c0f5accd["preview-style.tsx"] subdomain_DesignEngine_PreviewSystem --> 3a45c4f5_d3ff_2ab9_6e89_7262c0f5accd bb64b6d2_0ade_41bf_421f_caf6e6bf7d73["style-picker.tsx"] subdomain_DesignEngine_PreviewSystem --> bb64b6d2_0ade_41bf_421f_caf6e6bf7d73 fd704422_fd93_1d98_3856_206449bcc032["base-color-picker.tsx"] subdomain_DesignEngine_PreviewSystem --> fd704422_fd93_1d98_3856_206449bcc032 e1e4d21f_c938_a7b0_e6dd_7fa1e8bd2843["preview.tsx"] subdomain_DesignEngine_PreviewSystem --> e1e4d21f_c938_a7b0_e6dd_7fa1e8bd2843 f4a0adba_f490_99de_9ed8_5f1516b92ce0["icon-library-picker.tsx"] subdomain_DesignEngine_PreviewSystem --> f4a0adba_f490_99de_9ed8_5f1516b92ce0 931e1cb0_2628_a62b_0d12_e2b8414505dc["random-button.tsx"] subdomain_DesignEngine_PreviewSystem --> 931e1cb0_2628_a62b_0d12_e2b8414505dc f1ad163c_2e56_1e83_5772_da63039f5347["font-picker.tsx"] subdomain_DesignEngine_PreviewSystem --> f1ad163c_2e56_1e83_5772_da63039f5347 d023f415_7e1f_62eb_4467_212cc0c246f8["share-button.tsx"] subdomain_DesignEngine_PreviewSystem --> d023f415_7e1f_62eb_4467_212cc0c246f8 style subdomain_DesignEngine_PreviewSystem fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Domain
Functions
- BaseColorPicker()
- BasePicker()
- Customizer()
- DesignSystemProvider()
- FontPicker()
- IconHugeicons()
- IconHugeicons()
- IconLibraryPicker()
- IconLibraryPickerItem()
- IconLibraryPreview()
- IconLucide()
- IconLucide()
- IconPhosphor()
- IconPhosphor()
- IconPlaceholder()
- IconRemixicon()
- IconRemixicon()
- IconTabler()
- IconTabler()
- ItemExplorer()
- ItemPicker()
- ItemPickerScript()
- LockButton()
- MenuAccentPicker()
- MenuColorPicker()
- Picker()
- PickerCheckboxItem()
- PickerContent()
- PickerGroup()
- PickerItem()
- PickerLabel()
- PickerPortal()
- PickerRadioGroup()
- PickerRadioItem()
- PickerSeparator()
- PickerShortcut()
- PickerSub()
- PickerSubContent()
- PickerSubTrigger()
- PickerTrigger()
- PresetPicker()
- Preview()
- PreviewControls()
- PreviewStyle()
- RadiusPicker()
- RandomButton()
- RandomizeScript()
- ResetButton()
- ShareButton()
- StylePicker()
- TemplatePicker()
- ThemePicker()
- ToolbarControls()
- V0Button()
- WelcomeDialog()
- cachedGroupedItems()
- cachedGroupedItems()
- randomItem()
Source Files
- apps/v4/app/(create)/components/accent-picker.tsx
- apps/v4/app/(create)/components/base-color-picker.tsx
- apps/v4/app/(create)/components/base-picker.tsx
- apps/v4/app/(create)/components/customizer.tsx
- apps/v4/app/(create)/components/design-system-provider.tsx
- apps/v4/app/(create)/components/font-picker.tsx
- apps/v4/app/(create)/components/icon-library-picker.tsx
- apps/v4/app/(create)/components/icon-placeholder.tsx
- apps/v4/app/(create)/components/item-explorer.tsx
- apps/v4/app/(create)/components/item-picker.tsx
- apps/v4/app/(create)/components/lock-button.tsx
- apps/v4/app/(create)/components/menu-picker.tsx
- apps/v4/app/(create)/components/picker.tsx
- apps/v4/app/(create)/components/preset-picker.tsx
- apps/v4/app/(create)/components/preview-controls.tsx
- apps/v4/app/(create)/components/preview-style.tsx
- apps/v4/app/(create)/components/preview.tsx
- apps/v4/app/(create)/components/radius-picker.tsx
- apps/v4/app/(create)/components/random-button.tsx
- apps/v4/app/(create)/components/reset-button.tsx
- apps/v4/app/(create)/components/share-button.tsx
- apps/v4/app/(create)/components/style-picker.tsx
- apps/v4/app/(create)/components/template-picker.tsx
- apps/v4/app/(create)/components/theme-picker.tsx
- apps/v4/app/(create)/components/toolbar-controls.tsx
- apps/v4/app/(create)/components/v0-button.tsx
- apps/v4/app/(create)/components/welcome-dialog.tsx
Source
- apps/v4/app/(create)/components/accent-picker.tsx
- apps/v4/app/(create)/components/base-color-picker.tsx
- apps/v4/app/(create)/components/base-picker.tsx
- apps/v4/app/(create)/components/customizer.tsx
- apps/v4/app/(create)/components/design-system-provider.tsx
- apps/v4/app/(create)/components/font-picker.tsx
- apps/v4/app/(create)/components/icon-library-picker.tsx
- apps/v4/app/(create)/components/icon-placeholder.tsx
- apps/v4/app/(create)/components/item-explorer.tsx
- apps/v4/app/(create)/components/item-picker.tsx
- apps/v4/app/(create)/components/lock-button.tsx
- apps/v4/app/(create)/components/menu-picker.tsx
- apps/v4/app/(create)/components/picker.tsx
- apps/v4/app/(create)/components/preset-picker.tsx
- apps/v4/app/(create)/components/preview-controls.tsx
- apps/v4/app/(create)/components/preview-style.tsx
- apps/v4/app/(create)/components/preview.tsx
- apps/v4/app/(create)/components/radius-picker.tsx
- apps/v4/app/(create)/components/random-button.tsx
- apps/v4/app/(create)/components/reset-button.tsx
- apps/v4/app/(create)/components/share-button.tsx
- apps/v4/app/(create)/components/style-picker.tsx
- apps/v4/app/(create)/components/template-picker.tsx
- apps/v4/app/(create)/components/theme-picker.tsx
- apps/v4/app/(create)/components/toolbar-controls.tsx
- apps/v4/app/(create)/components/v0-button.tsx
- apps/v4/app/(create)/components/welcome-dialog.tsx
Frequently Asked Questions
What is the PreviewSystem subdomain?
PreviewSystem is a subdomain in the ui codebase, part of the DesignEngine domain. Isolated rendering environments for customized components. It contains 27 source files.
Which domain does PreviewSystem belong to?
PreviewSystem belongs to the DesignEngine domain.
What functions are in PreviewSystem?
The PreviewSystem subdomain contains 58 function(s): BaseColorPicker, BasePicker, Customizer, DesignSystemProvider, FontPicker, IconHugeicons, IconHugeicons, IconLibraryPicker, and 50 more.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free