office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
55 lines • 2.15 kB
JavaScript
define(["require", "exports", "react", "office-ui-fabric-react/lib/Icon", "office-ui-fabric-react/lib/Styling", "office-ui-fabric-react/lib/Utilities", "@uifabric/example-data"], function (require, exports, React, Icon_1, Styling_1, Utilities_1, example_data_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var classNames = Styling_1.mergeStyleSets({
image: {
display: 'inline-block',
position: 'relative'
},
one: {
width: 48,
height: 44,
marginLeft: 27
},
oneImage: {
left: -6,
top: -4
},
check: {
width: 35,
height: 43,
marginLeft: 55
},
checkImage: {
left: -60,
top: -5
},
lock: {
width: 35,
height: 42,
marginLeft: 65
},
lockImage: {
width: -109,
top: -5
}
});
exports.IconImageSheetExample = function () {
// ImageIcon is an optimized variant of standard Icon.
// You could also use the standard Icon here (adding the prop `iconType={IconType.image}`).
return (React.createElement("div", null,
React.createElement(Icon_1.ImageIcon, { className: classNames.one, imageProps: {
src: example_data_1.TestImages.iconOne,
className: Utilities_1.css(classNames.image, classNames.oneImage)
} }),
React.createElement(Icon_1.ImageIcon, { className: classNames.check, imageProps: {
src: example_data_1.TestImages.iconOne,
className: Utilities_1.css(classNames.image, classNames.checkImage)
} }),
React.createElement(Icon_1.ImageIcon, { className: classNames.lock, imageProps: {
src: example_data_1.TestImages.iconOne,
className: Utilities_1.css(classNames.image, classNames.lockImage)
} })));
};
});
//# sourceMappingURL=Icon.ImageSheet.Example.js.map