@yandex/ui/esm/Menu/__examples__/width.js

Yandex UI components

import { __read } from "tslib";
import React, { useState } from 'react';
import { Menu } from '@yandex-lego/components/Menu/desktop/bundle';
var items = [
    { value: 'a', content: 'Каждый' },
    { value: 'b', content: 'Охотник' },
    {
        items: [
            { value: 'c', content: 'Желает', disabled: true },
            { value: 'd', content: 'Знать' },
            { value: 'e', content: 'Где' },
        ],
    },
];
export var Width = function () {
    var _a = __read(useState('a'), 2), value1 = _a[0], setValue1 = _a[1];
    var _b = __read(useState('a'), 2), value2 = _b[0], setValue2 = _b[1];
    return (React.createElement(React.Fragment, null,
        React.createElement(Menu, { size: "m", view: "default", width: "max", items: items, value: value1, onChange: function (event) { return setValue1(event.target.value); } }),
        React.createElement(Menu, { size: "m", view: "default", width: "auto", items: items, value: value2, onChange: function (event) { return setValue2(event.target.value); } })));
};