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

组件

居中对话框,可配标题和底部操作。

Dialog

居中对话框,适合需要标题、正文和底部操作的中等复杂度交互。打开时面板轻微放大并淡入,关闭时先播完离场再卸掉 portal。

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