@yandex/ui
Version:
Yandex UI components
16 lines (15 loc) • 1.12 kB
JavaScript
import { __read, __spread } from "tslib";
import React, { useState } from 'react';
import { TabsMenu } from '@yandex-lego/components/TabsMenu/desktop/bundle';
export var AdaptiveWithAddAndDelete = function () {
var _a = __read(useState('0'), 2), activeTab = _a[0], setActiveTab = _a[1];
var _b = __read(useState(__spread(Array(10).keys()).map(function (idx) { return ({ id: idx.toString(), content: "Tab-" + idx }); })), 2), tabs = _b[0], setTabs = _b[1];
return (React.createElement("div", { style: { height: 200 } },
React.createElement(TabsMenu, { adaptive: true, size: "m", view: "default", layout: "horiz", tabs: tabs, activeTab: activeTab, onChange: setActiveTab }),
React.createElement("button", { onClick: function () {
setTabs(__spread(tabs, [{ id: tabs.length.toString(), content: "Tab-" + tabs.length }]));
} }, "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C"),
React.createElement("button", { onClick: function () {
setTabs(tabs.slice(0, tabs.length - 1));
} }, "\u0423\u0434\u0430\u043B\u0438\u0442\u044C")));
};