@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
56 lines • 5.36 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var Icon_1 = require("office-ui-fabric-react/lib/Icon");
var file_type_icons_1 = require("@uifabric/file-type-icons");
var FileTypeIconBasicExample = /** @class */ (function (_super) {
tslib_1.__extends(FileTypeIconBasicExample, _super);
function FileTypeIconBasicExample() {
return _super !== null && _super.apply(this, arguments) || this;
}
FileTypeIconBasicExample.prototype.render = function () {
return (React.createElement("div", null,
React.createElement("h3", null, "Size 16 accdb icon as .png"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: 'mdb', size: 16, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 20 archive icon as .png"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: '7z', size: 20, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 32 audio icon as .png"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: 'oga', size: 32, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 40 code icon as .png"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: '.cpp', size: 40, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 48 csv icon as .png"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: 'csv', size: 48, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 64 model icon as .png"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: 'blend', size: 64, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 96 docx icon as .png"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: 'docx', size: 96, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 16 dotx icon as .svg"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: 'dot', size: 16, imageFileType: 'svg' }))),
React.createElement("h3", null, "Size 20 email icon as .svg"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: '.msg', size: 20, imageFileType: 'svg' }))),
React.createElement("h3", null, "Size 32 exe icon as .svg"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: 'msi', size: 32 }))),
React.createElement("h3", null, "Size 40 font icon as .svg"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: '.woff', size: 40 }))),
React.createElement("h3", null, "Size 48 html icon as .svg"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: 'html', size: 48 }))),
React.createElement("h3", null, "Size 64 mpp icon as .svg"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: 'mpp', size: 64 }))),
React.createElement("h3", null, "Size 96 link icon as .svg"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ extension: 'url', size: 96 }))),
React.createElement("h3", null, "Size 16 docset icon as .png"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ type: file_type_icons_1.FileIconType.docset, size: 16, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 20 folder icon as .svg"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ type: file_type_icons_1.FileIconType.folder, size: 20, imageFileType: 'svg' }))),
React.createElement("h3", null, "Size 40 genericfile icon as .png"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ size: 40, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 48 listitem icon as .svg"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ type: file_type_icons_1.FileIconType.listItem, size: 48, imageFileType: 'svg' }))),
React.createElement("h3", null, "Size 64 sharedfolder icon as .png"),
React.createElement(Icon_1.Icon, tslib_1.__assign({}, file_type_icons_1.getFileTypeIconProps({ type: file_type_icons_1.FileIconType.sharedFolder, size: 64, imageFileType: 'png' })))));
};
return FileTypeIconBasicExample;
}(React.Component));
exports.FileTypeIconBasicExample = FileTypeIconBasicExample;
//# sourceMappingURL=FileTypeIcon.Basic.Example.js.map