@yandex/ui/esm/Button/__examples__/pin.example.js

Yandex UI components

import React from 'react';
import { Button } from '@yandex-lego/components/Button/desktop/bundle';
export var Pin = function () {
    var rPins = ['round-round', 'round-clear', 'clear-round', 'round-brick', 'brick-round'];
    var cPins = ['circle-circle', 'circle-clear', 'clear-circle', 'circle-brick', 'brick-circle'];
    var qPins = ['brick-brick', 'brick-clear', 'clear-brick'];
    return (React.createElement(React.Fragment, null,
        React.createElement("p", null, "\u041A\u043D\u043E\u043F\u043A\u0438 \u0441\u043E \u0441\u043A\u0440\u0443\u0433\u043B\u0435\u043D\u043D\u044B\u043C\u0438 \u0443\u0433\u043E\u043B\u043A\u0430\u043C\u0438"),
        rPins.map(function (pin) { return (React.createElement(Button, { key: pin, pin: pin, view: "default", size: "m" }, "Button")); }),
        React.createElement("p", null, "\u041A\u043D\u043E\u043F\u043A\u0438 \u0441 \u043A\u0440\u0443\u0433\u043B\u044B\u043C\u0438 \u0433\u0440\u0430\u043D\u0438\u0446\u0430\u043C\u0438"),
        cPins.map(function (pin) { return (React.createElement(Button, { key: pin, pin: pin, view: "default", size: "m" }, "Button")); }),
        React.createElement("p", null, "\u041A\u043D\u043E\u043F\u043A\u0438 \u0441 \u043F\u0440\u044F\u043C\u043E\u0443\u0433\u043E\u043B\u044C\u043D\u044B\u043C\u0438 \u0443\u0433\u043E\u043B\u043A\u0430\u043C\u0438"),
        qPins.map(function (pin) { return (React.createElement(Button, { key: pin, pin: pin, view: "default", size: "m" }, "Button")); }),
        React.createElement("p", null, "\u041A\u043D\u043E\u043F\u043A\u0430 \u0431\u0435\u0437 \u0431\u043E\u043A\u043E\u0432\u044B\u0445 \u0433\u0440\u0430\u043D\u0438\u0446"),
        React.createElement(Button, { pin: "clear-clear", view: "default", size: "m" }, "Button")));
};