Tabs.html
778 Bytes
<div className="ant-tabs ant-tabs-top">
<div className="ant-tabs-nav">
<div className="ant-tabs-nav-wrap">
<div className="ant-tabs-nav-list">
{state.labels.map(function (label, index) {
return <div className={"ant-tabs-tab"+(state.activeKey==label.key?" ant-tabs-tab-active": "")} onClick={this.handleClick.bind(this, label.key, index, $event)}>{label.name}</div>
})}
<div className="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style={{transform: "translate3d("+state.offsetLeft+"px, 0px, 0px)", width: state.tabWidth+'px'}}></div>
</div>
</div>
</div>
<div className="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content">{children}</div>
</div>