@cainiaofe/cn-ui-m
Version:
15 lines (14 loc) • 970 B
JavaScript
import * as React from 'react';
import { CnDemoPage, CnDemoRect, CnTab, CnTabItem } from "../../..";
export var 受控 = function () {
var _a = React.useState(2), activeKey = _a[0], setActiveKey = _a[1];
return (React.createElement(CnDemoPage, { title: "\u53D7\u63A7" },
React.createElement(CnTab, { activeKey: activeKey, onChange: function (key) { return setActiveKey(key); } },
React.createElement(CnTabItem, { key: 1, title: "\u6807\u7B7E1" },
React.createElement(CnDemoRect, null, "\u6807\u7B7E1\u5185\u5BB9\u5C55\u793A")),
React.createElement(CnTabItem, { key: 2, title: "\u6807\u7B7E2" },
React.createElement(CnDemoRect, null, "\u6807\u7B7E2\u5185\u5BB9\u5C55\u793A")),
React.createElement(CnTabItem, { key: 3, title: "\u6807\u7B7E3" },
React.createElement(CnDemoRect, null, "\u6807\u7B7E3\u5185\u5BB9\u5C55\u793A")))));
};
export default { title: 'demo/CnTab' };