arkit
文档组件图表
GitHub↗

组件

通用指南

组件库介绍主题系统状态模型布局与浮层交互与无障碍

基础组件

ButtonTextBadgeLabelAvatarSeparatorAspectRatio

内容与反馈

AlertCardBarcodeCodeMarkdownWatermarkSkeletonSpinnerProgress

输入与表单

InputTextareaInput OTPCheckboxSwitchRadio GroupSliderToggleToggle GroupForm

日期与选择

CalendarDate PickerSelectComboboxCommand

布局与数据

AccordionCollapsibleTabsCarouselTableTimeline

导航组件

AnchorIndexBreadcrumbPaginationNavigation MenuBottom Navigation

浮层与菜单

GuideDialogAlert DialogSheetDrawerBottom SheetPopoverHover CardTooltipFloating LayerDropdown MenuContext MenuMenubarSonner
菜单 · 组件▾

通用指南

组件库介绍主题系统状态模型布局与浮层交互与无障碍

基础组件

ButtonTextBadgeLabelAvatarSeparatorAspectRatio

内容与反馈

AlertCardBarcodeCodeMarkdownWatermarkSkeletonSpinnerProgress

输入与表单

InputTextareaInput OTPCheckboxSwitchRadio GroupSliderToggleToggle GroupForm

日期与选择

CalendarDate PickerSelectComboboxCommand

布局与数据

AccordionCollapsibleTabsCarouselTableTimeline

导航组件

AnchorIndexBreadcrumbPaginationNavigation MenuBottom Navigation

浮层与菜单

GuideDialogAlert DialogSheetDrawerBottom SheetPopoverHover CardTooltipFloating LayerDropdown MenuContext MenuMenubarSonner

组件

展示当前页面在层级里的位置。

Breadcrumb

告诉用户「我现在在哪一层」,并方便回到上层页面。

Previous← IndexNextPagination →
Built with Astro · shadcn design tokensarkit · MIT / Apache-2.0