logo
首页
组件
npm
首页
组件
npm
logo
快速开始
组件索引

基础组件

Button 按钮
Input 输入框
Checkbox 复选框
Radio 单选框
Switch 开关
Slider 滑块
Select 选择器
DatePicker 日期选择

展示组件

Card 卡片
Avatar 头像
Badge 徽标
Tag 标签
Alert 警告
Progress 进度条
Skeleton 骨架屏
Spinner 加载
Separator 分割线

布局组件

AspectRatio 比例容器
ScrollArea 滚动区域
Collapsible 折叠面板
Accordion 手风琴
Tabs 选项卡

覆盖层组件

Dialog 对话框
Drawer 抽屉
Dropdown 下拉菜单
ContextMenu 右键菜单
HoverCard 悬浮卡片
Tooltip 提示气泡
Toast 提示

导航组件

Pagination 分页
Toggle 切换按钮

业务组件

ArticleCard 文章卡片
  • 基础用法
  • API
  • Tabs Props

#Tabs 标签页

标签页用于在同一区域切换不同内容。

#基础用法

#API

#Tabs Props

属性说明类型默认值
value当前激活值string-
defaultValue默认激活值string-
onValueChange改变回调(value: string) => void-
orientation方向'horizontal' | 'vertical''horizontal'
Previous PageAccordion 手风琴
Next PageDialog 对话框
ON THIS PAGE
  • 基础用法
  • API
  • Tabs Props