@alicloud/console-components
Version:
Alibaba Cloud React Components
34 lines (33 loc) • 2.39 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
/**
* title: "基础形态"
* description: ""
*/
var react_1 = __importDefault(require("react"));
var console_components_1 = require("@alicloud/console-components");
var tabs = [
{ tab: '当前选项', key: 'home' },
{ tab: '可选选项', key: 'doc' },
{ tab: '可选选项', key: 'api' },
{ tab: '禁用选项', key: 'repo', disabled: true },
];
exports.default = (function () {
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", null,
react_1.default.createElement("h4", null, "\u9875\u7B7E\u9009\u9879\u5361 - \u9ED8\u8BA436px"),
react_1.default.createElement(console_components_1.Tab, { shape: "wrapped" }, tabs.map(function (tab) { return (react_1.default.createElement(console_components_1.Tab.Item, { title: tab.tab, key: tab.key, disabled: tab.disabled })); })),
react_1.default.createElement("br", null),
react_1.default.createElement("h4", null, "\u9875\u7B7E\u9009\u9879\u5361 - \u5C0F\u53F732px"),
react_1.default.createElement(console_components_1.Tab, { shape: "wrapped", size: "small" }, tabs.map(function (tab) { return (react_1.default.createElement(console_components_1.Tab.Item, { title: tab.tab, key: tab.key, disabled: tab.disabled })); }))),
react_1.default.createElement("br", null),
react_1.default.createElement("div", null,
react_1.default.createElement("h4", null, "\u7EBF\u6027\u9009\u9879\u5361 - \u9ED8\u8BA436px"),
react_1.default.createElement(console_components_1.Tab, null, tabs.map(function (tab) { return (react_1.default.createElement(console_components_1.Tab.Item, { title: tab.tab, key: tab.key, disabled: tab.disabled })); })),
react_1.default.createElement("br", null),
react_1.default.createElement("h4", null, "\u7EBF\u6027\u9009\u9879\u5361 - \u5C0F\u53F732px"),
react_1.default.createElement(console_components_1.Tab, { size: "small" }, tabs.map(function (tab) { return (react_1.default.createElement(console_components_1.Tab.Item, { title: tab.tab, key: tab.key, disabled: tab.disabled })); })))));
});