@yandex/ui/esm/Dropdown/__examples__/tail.js

Yandex UI components

import React from 'react';
import { Button } from '@yandex-lego/components/Button/desktop/bundle';
import { Text } from '@yandex-lego/components/Text/bundle';
import { Dropdown } from '@yandex-lego/components/Dropdown/desktop';
import { SampleMenu } from './SampleMenu';
export var Tail = function () { return (React.createElement(React.Fragment, null,
    React.createElement(Text, { as: "h2", typography: "headline-l" }, "\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F c \u0445\u0432\u043E\u0441\u0442\u0438\u043A\u043E\u043C \u0443 \u043F\u043E\u043F\u0430\u043F\u0430"),
    React.createElement("div", null, (['bottom-start', 'bottom', 'bottom-end', 'top-start', 'top', 'top-end']).map(function (direction, index) { return (React.createElement(Dropdown, { key: index, view: "default", style: {
            margin: '1rem 1rem 0 0',
        }, hasTail: true, direction: direction, content: React.createElement(SampleMenu, null) },
        React.createElement(Button, { view: "default", size: "s" },
            direction,
            "\u00A0direction"))); })))); };