@salesforce/design-system-react
Version:
Salesforce Lightning Design System for React
51 lines (50 loc) • 1.68 kB
JavaScript
import React from 'react';
import createReactClass from 'create-react-class';
import IconSettings from "../../../../components/icon-settings";
import Tooltip from "../../../../components/tooltip"; // `~` is replaced with design-system-react at runtime
import ButtonGroup from "../../../../components/button-group";
import Button from "../../../../components/button";
import Dropdown from "../../../../components/menu-dropdown";
var Example = createReactClass({
displayName: 'TooltipExample',
render: function render() {
return React.createElement(IconSettings, {
iconPath: "/assets/icons"
}, React.createElement(ButtonGroup, {
className: "slds-p-bottom--medium"
}, React.createElement(Tooltip, {
align: "bottom",
content: "Buttonbar Tooltip"
}, React.createElement(Button, {
label: "Refresh"
})), React.createElement(Tooltip, {
align: "bottom right",
content: "Buttonbar Tooltip"
}, React.createElement(Button, {
label: "Edit"
})), React.createElement(Dropdown, {
assistiveText: {
icon: 'More Options'
},
buttonVariant: "icon",
iconCategory: "utility",
iconName: "down",
iconVariant: "border-filled",
onSelect: function onSelect(item) {
return console.log('selected', item);
},
options: [{
label: 'A Option',
value: 'A0'
}, {
label: 'B Option',
value: 'B0'
}, {
label: 'C Option',
value: 'C0'
}]
})));
}
});
export default Example; // export is replaced with `ReactDOM.render(<Example />, mountNode);` at runtime
//# sourceMappingURL=button-group.js.map