@cainiaofe/cn-ui-m
Version:
16 lines (15 loc) • 1.5 kB
JavaScript
import * as React from 'react';
import { CnBadge, CnDemoPage, CnDemoRect, CnTab, CnTabItem, } from "../../..";
export var 自定义标题展示 = function () { return (React.createElement(CnDemoPage, { title: "\u81EA\u5B9A\u4E49\u6807\u9898\u5C55\u793A" },
React.createElement(CnTab, { defaultActiveKey: 2 },
React.createElement(CnTabItem, { key: 1, title: React.createElement(CnBadge, { shape: "inline-secondary", count: 12 }, "\u6807\u7B7E1") },
React.createElement(CnDemoRect, null, "\u6807\u7B7E1\u5185\u5BB9\u5C55\u793A")),
React.createElement(CnTabItem, { key: 2, title: React.createElement(CnBadge, { shape: "inline", count: 6 }, "\u6807\u7B7E2") },
React.createElement(CnDemoRect, null, "\u6807\u7B7E2\u5185\u5BB9\u5C55\u793A")),
React.createElement(CnTabItem, { key: 3, title: React.createElement(CnBadge, { shape: "inline-secondary", count: 100 }, "\u6807\u7B7E3") },
React.createElement(CnDemoRect, null, "\u6807\u7B7E3\u5185\u5BB9\u5C55\u793A")),
React.createElement(CnTabItem, { key: 4, title: React.createElement(CnBadge, { shape: "inline-secondary", count: 1000, overflowCount: 999 }, "\u6807\u7B7E4") },
React.createElement(CnDemoRect, null, "\u6807\u7B7E4\u5185\u5BB9\u5C55\u793A")),
React.createElement(CnTabItem, { key: 5, title: "\u6807\u7B7Exxxxxxx" },
React.createElement(CnDemoRect, null, "\u6807\u7B7E5\u5185\u5BB9\u5C55\u793A"))))); };
export default { title: 'demo/CnTab' };