arkit
文档 组件 图表
GitHub ↗

组件

通用指南

组件库介绍 主题系统 状态模型 布局与浮层 交互与可访问性

基础组件

Button Text Badge Label Avatar Separator AspectRatio

内容与反馈

Alert Card Barcode Code Markdown Watermark Skeleton Spinner Progress

输入与表单

Input Textarea Input OTP Checkbox Switch Radio Group Slider Toggle Toggle Group Form

日期与选择

Calendar Date Picker Select Combobox Command

布局与数据

Accordion Collapsible Tabs Carousel Resizable Scroll Area Table Chart

导航组件

Anchor Breadcrumb Pagination Navigation Menu Sidebar Bottom Navigation

浮层与菜单

Guide Dialog Alert Dialog Sheet Drawer Bottom Sheet Popover Hover Card Tooltip Floating Layer Dropdown Menu Context Menu Menubar Toast Sonner
菜单 · 组件 ▾

通用指南

组件库介绍 主题系统 状态模型 布局与浮层 交互与可访问性

基础组件

Button Text Badge Label Avatar Separator AspectRatio

内容与反馈

Alert Card Barcode Code Markdown Watermark Skeleton Spinner Progress

输入与表单

Input Textarea Input OTP Checkbox Switch Radio Group Slider Toggle Toggle Group Form

日期与选择

Calendar Date Picker Select Combobox Command

布局与数据

Accordion Collapsible Tabs Carousel Resizable Scroll Area Table Chart

导航组件

Anchor Breadcrumb Pagination Navigation Menu Sidebar Bottom Navigation

浮层与菜单

Guide Dialog Alert Dialog Sheet Drawer Bottom Sheet Popover Hover Card Tooltip Floating Layer Dropdown Menu Context Menu Menubar Toast Sonner

最后更新:2026年8月12日

组件

横线或竖线,用来隔开内容区块。

Separator

横线或竖线,用来在视觉上切开区块。

Props

Prop类型说明
vertical_heightOption<f32>None 为全宽水平线;Some(height) 为垂直线

Separator 表达内容分组,不用于填充任意间距。间距使用 spacing token 或容器 margin。

Previous ← Avatar Next AspectRatio →

On This Page

  • Props
Built with Astro · shadcn design tokens arkit · MIT / Apache-2.0