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

组件

需要用户明确确认的强提示(比如删除)。

Alert Dialog

用在删除、清空这种必须用户点头才继续的操作上。取消和确认的位置会保持清晰的语义分区。

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