UNPKG

@momentum-ui/react-collaboration

Version:

Cisco Momentum UI Framework for React Collaboration Applications

momentum.design

momentum-design/momentum-react-v2

36 lines • 3.88 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
import React from 'react'; import { Button, Tooltip } from '@momentum-ui/react-collaboration'; export default function TooltipDirection() { return (React.createElement("div", null, React.createElement("div", { className: "docs-example docs-example--spacing" }, React.createElement(Tooltip, { tooltip: "Hello!", tooltipTrigger: "Click", popoverProps: { direction: 'right-center' } }, React.createElement(Button, { id: "direction", children: "Direction right", ariaLabel: "Direction" }))), React.createElement("div", { className: "docs-example docs-example--spacing" }, React.createElement(Tooltip, { tooltip: "Hello!", tooltipTrigger: "Click", popoverProps: { direction: 'right-center', isContained: true } }, React.createElement(Button, { id: "direction", children: "Direction right - contained", ariaLabel: "Direction" }))), React.createElement("div", { className: "docs-example docs-example--spacing" }, React.createElement(Tooltip, { tooltip: "Hello!", tooltipTrigger: "Click", popoverProps: { direction: 'left-center', isContained: true } }, React.createElement(Button, { id: "direction", children: "Direction left", ariaLabel: "Direction" }))), React.createElement("div", { className: "docs-example docs-example--spacing" }, React.createElement(Tooltip, { tooltip: "Hello!", tooltipTrigger: "Click", popoverProps: { direction: 'left-center', isContained: true } }, React.createElement(Button, { id: "direction", children: "Direction left - contained", ariaLabel: "Direction" }))), React.createElement("div", { className: "docs-example docs-example--spacing" }, React.createElement(Tooltip, { tooltip: "Hello!", tooltipTrigger: "Click", popoverProps: { direction: 'top-center' } }, React.createElement(Button, { id: "direction", children: "Direction top", ariaLabel: "Direction" }))), React.createElement("div", { className: "docs-example docs-example--spacing" }, React.createElement(Tooltip, { tooltip: "Hello!", tooltipTrigger: "Click", popoverProps: { direction: 'top-center', isContained: true } }, React.createElement(Button, { id: "direction", children: "Direction top - contained", ariaLabel: "Direction" }))), React.createElement("div", { className: "docs-example docs-example--spacing" }, React.createElement(Tooltip, { tooltip: "Hello!", tooltipTrigger: "Click", popoverProps: { direction: 'bottom-center' } }, React.createElement(Button, { id: "direction", children: "Direction bottom", ariaLabel: "Direction" }))), React.createElement("div", { className: "docs-example docs-example--spacing" }, React.createElement(Tooltip, { tooltip: "Hello!", tooltipTrigger: "Click", popoverProps: { direction: 'bottom-center', isContained: true } }, React.createElement(Button, { id: "direction", children: "Direction bottom - contained", ariaLabel: "Direction" }))), React.createElement("div", { className: "docs-example docs-example--spacing", style: { position: 'fixed', right: 0, padding: '0 !important' } }, React.createElement(Tooltip, { tooltip: "Hello!", tooltipTrigger: "Click", popoverProps: { direction: 'bottom-center', isContained: true } }, React.createElement("div", { style: { width: '1rem' } }, "X"))), React.createElement("div", { className: "docs-example docs-example--spacing", style: { position: 'fixed', left: 0, padding: '0 !important' } }, React.createElement(Tooltip, { tooltip: "Hello!", tooltipTrigger: "Click", popoverProps: { direction: 'bottom-center', isContained: true } }, React.createElement("div", { style: { width: '1rem' } }, "X"))))); } //# sourceMappingURL=Direction.js.map