You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
# Tabs
|
|
|
|
|
|
|
|
|
|
- category: Components
|
|
|
|
|
- chinese: 标签页
|
|
|
|
|
- type: 导航
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
选项卡切换组件。
|
|
|
|
|
|
|
|
|
|
## 何时使用
|
|
|
|
|
|
|
|
|
|
提供平级的区域将大块内容进行收纳和展现，保持界面整洁。
|
|
|
|
|
|
|
|
|
|
> [RadioButton](/components/radio#demo-radiobutton) 可以作为更次级的页签来使用。
|
|
|
|
|
|
|
|
|
|
## API
|
|
|
|
|
|
|
|
|
|
### Tabs
|
|
|
|
|
|
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 |
|
|
|
|
|
|------------------|----------------------------------------------|----------|---------------------------------|
|
|
|
|
|
| activeKey | 当前激活 tab 面板的 key | String | 无 |
|
|
|
|
|
| defaultActiveKey | 初始化选中面板的 key，如果没有设置 activeKey | String | 第一个面板 |
|
|
|
|
|
| onChange | 切换面板的回调 | Function | 无 |
|
|
|
|
|
| onTabClick | tab 被点击的回调 | Function | 无 |
|
|
|
|
|
| tabBarExtraContent | tab bar 上格外的元素 | React Node | 无 |
|
|
|
|
|
|
|
|
|
|
### Tabs.TabPane
|
|
|
|
|
|
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 |
|
|
|
|
|
|------|------------------|-------------------------|--------|
|
|
|
|
|
| key | 对应 activeKey | String | 无 |
|
|
|
|
|
| tab | 选项卡头显示文字 | React.Element or String | 无 |
|
