UNPKG

@yandex/ui

Version:

Yandex UI components

github.com/bem/yandex-ui

52 lines (51 loc) • 3.37 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.Pin = void 0; var tslib_1 = require("tslib"); var react_1 = tslib_1.__importDefault(require("react")); var bundle_1 = require("@yandex-lego/components/ButtonGroup/desktop/bundle"); var bundle_2 = require("@yandex-lego/components/Button/desktop/bundle"); var Pin = function () { return (react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(bundle_1.ButtonGroup, { pin: "circle" }, react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 1"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 2"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 3")), react_1.default.createElement("br", null), " ", react_1.default.createElement("br", null), react_1.default.createElement(bundle_1.ButtonGroup, { pin: "round" }, react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 1"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 2"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 3")), react_1.default.createElement("br", null), " ", react_1.default.createElement("br", null), react_1.default.createElement(bundle_1.ButtonGroup, { pin: "round", vertical: true }, react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 1"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 2"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 3")), react_1.default.createElement("br", null), " ", react_1.default.createElement("br", null), react_1.default.createElement(bundle_1.ButtonGroup, { pin: "circle", gap: "m" }, react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 1"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 2"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 3")), react_1.default.createElement("br", null), " ", react_1.default.createElement("br", null), react_1.default.createElement(bundle_1.ButtonGroup, { pin: "round", gap: "s" }, react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 1"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 2"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 3")), react_1.default.createElement("br", null), " ", react_1.default.createElement("br", null), react_1.default.createElement(bundle_1.ButtonGroup, { pin: "round", gap: "s", vertical: true }, react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 1"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 2"), react_1.default.createElement(bundle_2.Button, { view: "action", size: "m" }, "Button 3")), react_1.default.createElement("br", null), " ", react_1.default.createElement("br", null))); }; exports.Pin = Pin;