UNPKG

@yandex/ui

Version:

Yandex UI components

github.com/bem/yandex-ui

22 lines (21 loc) • 1.59 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import React from 'react'; import { ButtonGroup } from '@yandex-lego/components/ButtonGroup/desktop/bundle'; import { Button } from '@yandex-lego/components/Button/desktop/bundle'; export var Gap = function () { return (React.createElement(React.Fragment, null, React.createElement(ButtonGroup, null, [1, 2, 3].map(function (key) { return (React.createElement(Button, { view: "action", size: "m", key: 'ButtonGroup_' + key + '_no_gap' }, "No gap")); })), React.createElement("br", null), " ", React.createElement("br", null), React.createElement(ButtonGroup, { gap: "s" }, [1, 2, 3].map(function (key) { return (React.createElement(Button, { view: "action", size: "m", key: 'ButtonGroup_' + key + '_s' }, "gap S")); })), React.createElement("br", null), " ", React.createElement("br", null), React.createElement(ButtonGroup, { gap: "m" }, [1, 2, 3].map(function (key) { return (React.createElement(Button, { view: "action", size: "m", key: 'ButtonGroup_' + key + '_m' }, "gap M")); })), React.createElement("br", null), " ", React.createElement("br", null), React.createElement(ButtonGroup, { gap: "l" }, [1, 2, 3].map(function (key) { return (React.createElement(Button, { view: "action", size: "m", key: 'ButtonGroup_' + key + '_l' }, "gap L")); })), React.createElement("br", null), " ", React.createElement("br", null), React.createElement(ButtonGroup, { gap: "xl" }, [1, 2, 3].map(function (key) { return (React.createElement(Button, { view: "action", size: "m", key: 'ButtonGroup_' + key + '_xl' }, "gap XL")); })))); };