2015-06-15 19:56:58 +08:00
|
|
|
|
# Tabs
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-06-02 12:11:49 +08:00
|
|
|
|
- category: Components
|
2015-05-27 15:43:29 +08:00
|
|
|
|
- chinese: 标签页
|
2015-08-22 20:16:24 +08:00
|
|
|
|
- type: 导航
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
2015-06-09 18:17:20 +08:00
|
|
|
|
选项卡切换组件。
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-06-14 17:54:08 +08:00
|
|
|
|
## 何时使用
|
|
|
|
|
|
|
|
|
|
|
|
提供平级的区域将大块内容进行收纳和展现，保持界面整洁。
|
|
|
|
|
|
|
2015-12-10 17:47:51 +08:00
|
|
|
|
> [RadioButton](/components/radio#demo-radiobutton) 可以作为更次级的页签来使用。
|
2015-06-14 17:54:08 +08:00
|
|
|
|
|
2015-06-09 18:17:20 +08:00
|
|
|
|
## API
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-06-15 19:56:58 +08:00
|
|
|
|
### Tabs
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-12-13 20:08:58 +08:00
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 |
|
|
|
|
|
|
|------------------|----------------------------------------------|----------|---------------|
|
|
|
|
|
|
| activeKey | 当前激活 tab 面板的 key | String | 无 |
|
|
|
|
|
|
| defaultActiveKey | 初始化选中面板的 key，如果没有设置 activeKey | String | 第一个面板 |
|
|
|
|
|
|
| onChange | 切换面板的回调 | Function | 无 |
|
|
|
|
|
|
| onTabClick | tab 被点击的回调 | Function | 无 |
|
|
|
|
|
|
| tabBarExtraContent | tab bar 上额外的元素 | React Node | 无 |
|
2015-12-14 22:20:29 +08:00
|
|
|
|
| type | 页签的基本样式，可选 `line` 或 `card` 类型 | String | 'line' |
|
|
|
|
|
|
| editable | 页签可关闭和新增，在 `type="card"` 时有效 | Boolean | false |
|
|
|
|
|
|
| newTabPane | 新建页签的初始模板，在 `editable` 时有效 | Function | 无 |
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-06-15 19:56:58 +08:00
|
|
|
|
### Tabs.TabPane
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-06-12 20:03:38 +08:00
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 |
|
|
|
|
|
|
|------|------------------|-------------------------|--------|
|
|
|
|
|
|
| key | 对应 activeKey | String | 无 |
|
|
|
|
|
|
| tab | 选项卡头显示文字 | React.Element or String | 无 |
|
