apps/v4/examples/base/ — ui Directory Structure
Directory listing for apps/v4/examples/base/ in the ui codebase. Contains 433 files and 4 subdirectories.
Entity Profile
Dependency Diagram
graph TD 06384b8b_9ff2_4a2c_f52c_6fda47368335["base/"] c608ed56_f3f9_c900_17da_6d5ce92c8bec["hooks/"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> c608ed56_f3f9_c900_17da_6d5ce92c8bec 40f2cd53_378d_6df2_5f3a_edcdaa3ecef5["lib/"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> 40f2cd53_378d_6df2_5f3a_edcdaa3ecef5 98074556_28be_c913_062b_973e301538da["ui/"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> 98074556_28be_c913_062b_973e301538da 7c91d2f2_242c_c6f3_75de_d7c42c53407f["ui-rtl/"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> 7c91d2f2_242c_c6f3_75de_d7c42c53407f 9333b69c_9da5_b5af_8ec8_ca3a821c1f6a["accordion-basic.tsx"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> 9333b69c_9da5_b5af_8ec8_ca3a821c1f6a 68a5bf1e_88c5_9bfe_7aac_c618f82db1c1["accordion-borders.tsx"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> 68a5bf1e_88c5_9bfe_7aac_c618f82db1c1 56649d9c_2e74_4770_467c_715b73730f13["accordion-card.tsx"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> 56649d9c_2e74_4770_467c_715b73730f13 8a471a45_64c3_b982_5964_c0c2a500936c["accordion-demo.tsx"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> 8a471a45_64c3_b982_5964_c0c2a500936c 4a378577_3aef_f4c3_c957_4af49e380f01["accordion-disabled.tsx"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> 4a378577_3aef_f4c3_c957_4af49e380f01 22ba2985_31c8_27b2_c2f3_d47ad590c272["accordion-multiple.tsx"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> 22ba2985_31c8_27b2_c2f3_d47ad590c272 dad3ff6c_8fe4_9c23_2a79_fc218381cefb["accordion-rtl.tsx"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> dad3ff6c_8fe4_9c23_2a79_fc218381cefb 3f6949a4_de34_efd9_44f1_641b8b1ff686["alert-action.tsx"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> 3f6949a4_de34_efd9_44f1_641b8b1ff686 b3a31afd_7764_c25f_b601_4c7ac874908a["alert-basic.tsx"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> b3a31afd_7764_c25f_b601_4c7ac874908a f754a0f0_40d8_8029_2a4a_e562d433856a["alert-colors.tsx"] 06384b8b_9ff2_4a2c_f52c_6fda47368335 --> f754a0f0_40d8_8029_2a4a_e562d433856a style 06384b8b_9ff2_4a2c_f52c_6fda47368335 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Subdirectories
Files
- accordion-basic.tsx
- accordion-borders.tsx
- accordion-card.tsx
- accordion-demo.tsx
- accordion-disabled.tsx
- accordion-multiple.tsx
- accordion-rtl.tsx
- alert-action.tsx
- alert-basic.tsx
- alert-colors.tsx
- alert-demo.tsx
- alert-destructive.tsx
- alert-dialog-basic.tsx
- alert-dialog-demo.tsx
- alert-dialog-destructive.tsx
- alert-dialog-media.tsx
- alert-dialog-rtl.tsx
- alert-dialog-small-media.tsx
- alert-dialog-small.tsx
- alert-rtl.tsx
- aspect-ratio-demo.tsx
- aspect-ratio-portrait.tsx
- aspect-ratio-rtl.tsx
- aspect-ratio-square.tsx
- avatar-badge-icon.tsx
- avatar-badge.tsx
- avatar-basic.tsx
- avatar-demo.tsx
- avatar-dropdown.tsx
- avatar-group-count-icon.tsx
- avatar-group-count.tsx
- avatar-group.tsx
- avatar-rtl.tsx
- avatar-size.tsx
- badge-colors.tsx
- badge-demo.tsx
- badge-icon.tsx
- badge-link.tsx
- badge-rtl.tsx
- badge-spinner.tsx
- badge-variants.tsx
- breadcrumb-basic.tsx
- breadcrumb-demo.tsx
- breadcrumb-dropdown.tsx
- breadcrumb-ellipsis.tsx
- breadcrumb-link.tsx
- breadcrumb-rtl.tsx
- breadcrumb-separator.tsx
- button-default.tsx
- button-demo.tsx
- button-destructive.tsx
- button-ghost.tsx
- button-group-demo.tsx
- button-group-dropdown.tsx
- button-group-input-group.tsx
- button-group-input.tsx
- button-group-nested.tsx
- button-group-orientation.tsx
- button-group-popover.tsx
- button-group-rtl.tsx
- button-group-select.tsx
- button-group-separator.tsx
- button-group-size.tsx
- button-group-split.tsx
- button-icon.tsx
- button-link.tsx
- button-outline.tsx
- button-render.tsx
- button-rounded.tsx
- button-rtl.tsx
- button-secondary.tsx
- button-size.tsx
- button-spinner.tsx
- button-with-icon.tsx
- calendar-basic.tsx
- calendar-booked-dates.tsx
- calendar-caption.tsx
- calendar-custom-days.tsx
- calendar-demo.tsx
- calendar-hijri.tsx
- calendar-multiple.tsx
- calendar-presets.tsx
- calendar-range.tsx
- calendar-rtl.tsx
- calendar-time.tsx
- calendar-week-numbers.tsx
- card-demo.tsx
- card-image.tsx
- card-rtl.tsx
- card-small.tsx
- carousel-api.tsx
- carousel-demo.tsx
- carousel-multiple.tsx
- carousel-orientation.tsx
- carousel-plugin.tsx
- carousel-rtl.tsx
- carousel-size.tsx
- carousel-spacing.tsx
- chart-demo.tsx
- chart-example-axis.tsx
- chart-example-grid.tsx
- chart-example-legend.tsx
- chart-example-tooltip.tsx
- chart-example.tsx
- chart-rtl.tsx
- chart-tooltip.tsx
- checkbox-basic.tsx
- checkbox-demo.tsx
- checkbox-description.tsx
- checkbox-disabled.tsx
- checkbox-group.tsx
- checkbox-invalid.tsx
- checkbox-rtl.tsx
- checkbox-table.tsx
- collapsible-basic.tsx
- collapsible-demo.tsx
- collapsible-file-tree.tsx
- collapsible-rtl.tsx
- collapsible-settings.tsx
- combobox-auto-highlight.tsx
- combobox-basic.tsx
- combobox-clear.tsx
- combobox-custom.tsx
- combobox-demo.tsx
- combobox-disabled.tsx
- combobox-groups.tsx
- combobox-input-group.tsx
- combobox-invalid.tsx
- combobox-multiple.tsx
- combobox-popup.tsx
- combobox-rtl.tsx
- command-basic.tsx
- command-demo.tsx
- command-dialog.tsx
- command-groups.tsx
- command-rtl.tsx
- command-scrollable.tsx
- command-shortcuts.tsx
- context-menu-basic.tsx
- context-menu-checkboxes.tsx
- context-menu-demo.tsx
- context-menu-destructive.tsx
- context-menu-groups.tsx
- context-menu-icons.tsx
- context-menu-radio.tsx
- context-menu-rtl.tsx
- context-menu-shortcuts.tsx
- context-menu-sides.tsx
- context-menu-submenu.tsx
- data-picker-with-dropdowns.tsx
- data-table-demo.tsx
- data-table-rtl.tsx
- date-picker-basic.tsx
- date-picker-demo.tsx
- date-picker-dob.tsx
- date-picker-input.tsx
- date-picker-natural-language.tsx
- date-picker-range.tsx
- date-picker-rtl.tsx
- date-picker-time.tsx
- dialog-close-button.tsx
- dialog-demo.tsx
- dialog-no-close-button.tsx
- dialog-rtl.tsx
- dialog-scrollable-content.tsx
- dialog-sticky-footer.tsx
- drawer-demo.tsx
- drawer-dialog.tsx
- drawer-rtl.tsx
- drawer-scrollable-content.tsx
- drawer-sides.tsx
- dropdown-menu-avatar.tsx
- dropdown-menu-basic.tsx
- dropdown-menu-checkboxes-icons.tsx
- dropdown-menu-checkboxes.tsx
- dropdown-menu-complex.tsx
- dropdown-menu-demo.tsx
- dropdown-menu-destructive.tsx
- dropdown-menu-icons.tsx
- dropdown-menu-radio-group.tsx
- dropdown-menu-radio-icons.tsx
- dropdown-menu-rtl.tsx
- dropdown-menu-shortcuts.tsx
- dropdown-menu-submenu.tsx
- empty-avatar-group.tsx
- empty-avatar.tsx
- empty-background.tsx
- empty-card.tsx
- empty-demo.tsx
- empty-input-group.tsx
- empty-outline.tsx
- empty-rtl.tsx
- field-checkbox.tsx
- field-choice-card.tsx
- field-demo.tsx
- field-fieldset.tsx
- field-group.tsx
- field-input.tsx
- field-radio.tsx
- field-responsive.tsx
- field-rtl.tsx
- field-select.tsx
- field-slider.tsx
- field-switch.tsx
- field-textarea.tsx
- file-upload-list.tsx
- hover-card-demo.tsx
- hover-card-rtl.tsx
- hover-card-sides.tsx
- input-badge.tsx
- input-basic.tsx
- input-button-group.tsx
- input-demo.tsx
- input-disabled.tsx
- input-field.tsx
- input-fieldgroup.tsx
- input-file.tsx
- input-form.tsx
- input-grid.tsx
- input-group-basic.tsx
- input-group-block-end.tsx
- input-group-block-start.tsx
- input-group-button-group.tsx
- input-group-button.tsx
- input-group-custom.tsx
- input-group-demo.tsx
- input-group-dropdown.tsx
- input-group-icon.tsx
- input-group-in-card.tsx
- input-group-inline-end.tsx
- input-group-inline-start.tsx
- input-group-kbd.tsx
- input-group-label.tsx
- input-group-rtl.tsx
- input-group-spinner.tsx
- input-group-text.tsx
- input-group-textarea-examples.tsx
- input-group-textarea.tsx
- input-group-tooltip.tsx
- input-group-with-addons.tsx
- input-group-with-buttons.tsx
- input-group-with-kbd.tsx
- input-group-with-tooltip.tsx
- input-inline.tsx
- input-input-group.tsx
- input-invalid.tsx
- input-otp-alphanumeric.tsx
- input-otp-controlled.tsx
- input-otp-demo.tsx
- input-otp-disabled.tsx
- input-otp-form.tsx
- input-otp-four-digits.tsx
- input-otp-invalid.tsx
- input-otp-pattern.tsx
- input-otp-rtl.tsx
- input-otp-separator.tsx
- input-required.tsx
- input-rtl.tsx
- item-avatar.tsx
- item-demo.tsx
- item-dropdown.tsx
- item-group.tsx
- item-header.tsx
- item-icon.tsx
- item-image.tsx
- item-link.tsx
- item-rtl.tsx
- item-size.tsx
- item-variant.tsx
- kbd-button.tsx
- kbd-demo.tsx
- kbd-group.tsx
- kbd-input-group.tsx
- kbd-rtl.tsx
- kbd-tooltip.tsx
- label-demo.tsx
- label-rtl.tsx
- menubar-checkbox.tsx
- menubar-demo.tsx
- menubar-icons.tsx
- menubar-radio.tsx
- menubar-rtl.tsx
- menubar-submenu.tsx
- muted-item-group.tsx
- native-select-demo.tsx
- native-select-disabled.tsx
- native-select-groups.tsx
- native-select-invalid.tsx
- native-select-rtl.tsx
- navigation-menu-demo.tsx
- navigation-menu-rtl.tsx
- outline-item-group.tsx
- pagination-demo.tsx
- pagination-icons-only.tsx
- pagination-rtl.tsx
- pagination-simple.tsx
- popover-alignments.tsx
- popover-basic.tsx
- popover-demo.tsx
- popover-form.tsx
- popover-rtl.tsx
- progress-controlled.tsx
- progress-demo.tsx
- progress-label.tsx
- progress-rtl.tsx
- radio-fields.tsx
- radio-group-choice-card.tsx
- radio-group-demo.tsx
- radio-group-description.tsx
- radio-group-disabled.tsx
- radio-group-fieldset.tsx
- radio-group-invalid.tsx
- radio-group-rtl.tsx
- resizable-demo.tsx
- resizable-handle.tsx
- resizable-rtl.tsx
- resizable-vertical.tsx
- scroll-area-demo.tsx
- scroll-area-horizontal-demo.tsx
- scroll-area-rtl.tsx
- select-align-item.tsx
- select-demo.tsx
- select-disabled.tsx
- select-groups.tsx
- select-invalid.tsx
- select-rtl.tsx
- select-scrollable.tsx
- separator-demo.tsx
- separator-list.tsx
- separator-menu.tsx
- separator-rtl.tsx
- separator-vertical.tsx
- sheet-demo.tsx
- sheet-no-close-button.tsx
- sheet-rtl.tsx
- sheet-side.tsx
- sidebar-controlled.tsx
- sidebar-demo.tsx
- sidebar-footer.tsx
- sidebar-group-action.tsx
- sidebar-group-collapsible.tsx
- sidebar-group.tsx
- sidebar-header.tsx
- sidebar-menu-action.tsx
- sidebar-menu-badge.tsx
- sidebar-menu-collapsible.tsx
- sidebar-menu-sub.tsx
- sidebar-menu.tsx
- sidebar-rsc.tsx
- sidebar-rtl.tsx
- skeleton-avatar.tsx
- skeleton-card.tsx
- skeleton-demo.tsx
- skeleton-form.tsx
- skeleton-rtl.tsx
- skeleton-table.tsx
- skeleton-text.tsx
- slider-controlled.tsx
- slider-demo.tsx
- slider-disabled.tsx
- slider-multiple.tsx
- slider-range.tsx
- slider-rtl.tsx
- slider-vertical.tsx
- sonner-demo.tsx
- sonner-description.tsx
- sonner-position.tsx
- sonner-types.tsx
- spinner-badge.tsx
- spinner-button.tsx
- spinner-custom.tsx
- spinner-demo.tsx
- spinner-empty.tsx
- spinner-input-group.tsx
- spinner-rtl.tsx
- spinner-size.tsx
- switch-choice-card.tsx
- switch-demo.tsx
- switch-description.tsx
- switch-disabled.tsx
- switch-invalid.tsx
- switch-rtl.tsx
- switch-sizes.tsx
- table-actions.tsx
- table-demo.tsx
- table-footer.tsx
- table-rtl.tsx
- tabs-demo.tsx
- tabs-disabled.tsx
- tabs-icons.tsx
- tabs-line.tsx
- tabs-rtl.tsx
- tabs-vertical.tsx
- textarea-button.tsx
- textarea-demo.tsx
- textarea-disabled.tsx
- textarea-field.tsx
- textarea-invalid.tsx
- textarea-rtl.tsx
- toggle-demo.tsx
- toggle-disabled.tsx
- toggle-group-demo.tsx
- toggle-group-disabled.tsx
- toggle-group-font-weight-selector.tsx
- toggle-group-outline.tsx
- toggle-group-rtl.tsx
- toggle-group-sizes.tsx
- toggle-group-spacing.tsx
- toggle-group-vertical.tsx
- toggle-outline.tsx
- toggle-rtl.tsx
- toggle-sizes.tsx
- toggle-text.tsx
- tooltip-demo.tsx
- tooltip-disabled.tsx
- tooltip-keyboard.tsx
- tooltip-rtl.tsx
- tooltip-sides.tsx
- typography-blockquote.tsx
- typography-demo.tsx
- typography-h1.tsx
- typography-h2.tsx
- typography-h3.tsx
- typography-h4.tsx
- typography-inline-code.tsx
- typography-large.tsx
- typography-lead.tsx
- typography-list.tsx
- typography-muted.tsx
- typography-p.tsx
- typography-rtl.tsx
- typography-small.tsx
- typography-table.tsx
Frequently Asked Questions
What's in the base/ directory?
The base/ directory contains 433 files and 4 subdirectories in the ui codebase.
What subdirectories does base/ contain?
base/ contains 4 subdirectory(ies): hooks, lib, ui, ui-rtl.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free