afc163
9 years ago
3 changed files with 80 additions and 36 deletions
@ -0,0 +1,24 @@ |
|||
# 卡片式页签 |
|||
|
|||
- order: 8 |
|||
|
|||
另一种样式的页签,常用于容器顶部,可添加和关闭新标签,不提供对应的垂直样式。 |
|||
|
|||
--- |
|||
|
|||
````jsx |
|||
import { Tabs } from 'antd'; |
|||
const TabPane = Tabs.TabPane; |
|||
|
|||
function callback(key) { |
|||
console.log(key); |
|||
} |
|||
|
|||
ReactDOM.render( |
|||
<Tabs onChange={callback} type="card"> |
|||
<TabPane tab="选项卡一" key="1">选项卡一内容</TabPane> |
|||
<TabPane tab="选项卡二" key="2">选项卡二内容</TabPane> |
|||
<TabPane tab="选项卡三" key="3">选项卡三内容</TabPane> |
|||
</Tabs> |
|||
, document.getElementById('components-tabs-demo-card')); |
|||
```` |
Loading…
Reference in new issue