当前位置: 首页 > 文档资料 > Pile.js 中文文档 >

Tabs 页卡

优质
小牛编辑
124浏览
2023-12-01

定义

页卡组件。

图片展示

代码演示


import Tabs from 'pile/dist/components/tabs'
const {TabPane} = Tabs
<Tabs activeIndex={1} onChange={(n)=>{console.log(n)}}>
  <TabPane tab="Tab1"><div className="tabs-test-style">Tab1 内容</div></TabPane>
  <TabPane tab="Tab2"><div className="tabs-test-style">Tab2 内容</div></TabPane>
  <TabPane tab="Tab3"><div className="tabs-test-style">Tab3 内容</div></TabPane>
</Tabs>

属性

参数描述数据类型默认值
activeIndex默认展示number1
isInLocal是否行内展示,true 通栏样式;false 行内样式boolfalse
onChange回调函数(n)参数n当前activeIndex的位置function()=>{}