UNPKG

@yandex/ui

Version:

Yandex UI components

github.com/bem/yandex-ui

47 lines (46 loc) • 2.6 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
import React from 'react'; import { ButtonGroup } from '@yandex-lego/components/ButtonGroup/desktop/bundle'; import { Button } from '@yandex-lego/components/Button/desktop/bundle'; export var Pin = function () { return (React.createElement(React.Fragment, null, React.createElement(ButtonGroup, { pin: "circle" }, React.createElement(Button, { view: "action", size: "m" }, "Button 1"), React.createElement(Button, { view: "action", size: "m" }, "Button 2"), React.createElement(Button, { view: "action", size: "m" }, "Button 3")), React.createElement("br", null), " ", React.createElement("br", null), React.createElement(ButtonGroup, { pin: "round" }, React.createElement(Button, { view: "action", size: "m" }, "Button 1"), React.createElement(Button, { view: "action", size: "m" }, "Button 2"), React.createElement(Button, { view: "action", size: "m" }, "Button 3")), React.createElement("br", null), " ", React.createElement("br", null), React.createElement(ButtonGroup, { pin: "round", vertical: true }, React.createElement(Button, { view: "action", size: "m" }, "Button 1"), React.createElement(Button, { view: "action", size: "m" }, "Button 2"), React.createElement(Button, { view: "action", size: "m" }, "Button 3")), React.createElement("br", null), " ", React.createElement("br", null), React.createElement(ButtonGroup, { pin: "circle", gap: "m" }, React.createElement(Button, { view: "action", size: "m" }, "Button 1"), React.createElement(Button, { view: "action", size: "m" }, "Button 2"), React.createElement(Button, { view: "action", size: "m" }, "Button 3")), React.createElement("br", null), " ", React.createElement("br", null), React.createElement(ButtonGroup, { pin: "round", gap: "s" }, React.createElement(Button, { view: "action", size: "m" }, "Button 1"), React.createElement(Button, { view: "action", size: "m" }, "Button 2"), React.createElement(Button, { view: "action", size: "m" }, "Button 3")), React.createElement("br", null), " ", React.createElement("br", null), React.createElement(ButtonGroup, { pin: "round", gap: "s", vertical: true }, React.createElement(Button, { view: "action", size: "m" }, "Button 1"), React.createElement(Button, { view: "action", size: "m" }, "Button 2"), React.createElement(Button, { view: "action", size: "m" }, "Button 3")), React.createElement("br", null), " ", React.createElement("br", null))); };