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

Yandex UI components

import React from 'react';
import { Dropdown } from '@yandex-lego/components/Dropdown/desktop';
import { Button } from '@yandex-lego/components/Button/desktop/bundle';
import { Text } from '@yandex-lego/components/Text/bundle';
import { SampleMenu } from './SampleMenu';
export var Directions = 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"),
    React.createElement("div", null, ['bottom-left', 'bottom-center', 'bottom-right', 'top-left', 'top-center', 'top-right'].map(function (direction, index) { return (React.createElement(Dropdown, { key: index, view: "default", style: {
            margin: '1rem 1rem 0 0',
        }, direction: direction, content: React.createElement(SampleMenu, null) },
        React.createElement(Button, { view: "default", size: "s" },
            direction,
            "\u00A0direction"))); })))); };