@momentum-ui/react-collaboration
Version:
Cisco Momentum UI Framework for React Collaboration Applications
30 lines • 2.26 kB
JavaScript
import React from 'react';
import { Button, Icon, List, ListItem, ListItemSection, Popover, } from '@momentum-ui/react-collaboration';
export default function ContentDefault() {
var content = (React.createElement(List, null,
React.createElement(ListItem, null,
React.createElement(ListItemSection, { position: "left" },
React.createElement(Icon, { name: "edit_20" })),
React.createElement(ListItemSection, { position: "center" }, "Edit space settings")),
React.createElement(ListItem, null,
React.createElement(ListItemSection, { position: "left" },
React.createElement(Icon, { name: "favorite_20" })),
React.createElement(ListItemSection, { position: "center" }, "Add to favorites")),
React.createElement(ListItem, null,
React.createElement(ListItemSection, { position: "left" },
React.createElement(Icon, { name: "alert_20" })),
React.createElement(ListItemSection, { position: "center" }, "Notifications"))));
var contentMouseEnter = (React.createElement("span", { key: "1", style: { padding: '10px' } }, "Mouse Enter"));
var contentFocus = (React.createElement("span", { key: "1", style: { padding: '10px' } }, "Focus"));
return (React.createElement("div", { className: "row" },
React.createElement("div", { className: "docs-example docs-example--spacing" },
React.createElement(Popover, { content: content, popoverTrigger: 'Click' },
React.createElement(Button, { id: "default-1", children: "Click", ariaLabel: "Click" }))),
React.createElement("div", { className: "docs-example docs-example--spacing" },
React.createElement(Popover, { content: contentMouseEnter, popoverTrigger: 'MouseEnter' },
React.createElement(Button, { id: "default-2", children: "MouseEnter", ariaLabel: "MouseEnter" }))),
React.createElement("div", { className: "docs-example docs-example--spacing" },
React.createElement(Popover, { content: contentFocus, popoverTrigger: 'Focus' },
React.createElement(Button, { id: "default-3", children: "Focus", ariaLabel: "Focus" })))));
}
//# sourceMappingURL=Default.js.map