UNPKG

@yandex/ui

Version:

Yandex UI components

github.com/bem/yandex-ui

14 lines (13 loc) • 1.22 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
import React from 'react'; import { Button } from '@yandex-lego/components/Button/desktop/bundle'; import { TooltipStateful } from '@yandex-lego/components/Tooltip/desktop/bundle'; export var Stateful = function () { return (React.createElement("div", { style: { display: 'flex', height: 96 } }, React.createElement("div", { style: { marginLeft: 32, marginRight: 32 } }, React.createElement(TooltipStateful, { view: "default", size: "m", hasTail: true, content: "Stateful hover", trigger: "hover" }, React.createElement(Button, { view: "default", size: "m" }, "Target hover"))), React.createElement("div", { style: { marginLeft: 32, marginRight: 32 } }, React.createElement(TooltipStateful, { view: "default", size: "m", hasTail: true, content: "Stateful click", trigger: "click" }, React.createElement(Button, { view: "default", size: "m" }, "Target click"))), React.createElement("div", { style: { marginLeft: 32, marginRight: 32 } }, React.createElement(TooltipStateful, { view: "default", size: "m", hasTail: true, content: "Stateful focus", trigger: "focus" }, React.createElement(Button, { view: "default", size: "m" }, "Target focus"))))); };