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

组件

一句话提示,别塞太多内容。

Tooltip

一句话说明。内容一长,请改用 Popover 或 HoverCard。

Previous← Hover CardNextFloating Layer →
Built with Astro · shadcn design tokensarkit · MIT / Apache-2.0