@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
54 lines • 4.73 kB
JavaScript
import * as tslib_1 from "tslib";
import * as React from 'react';
import { Icon } from 'office-ui-fabric-react/lib/Icon';
import { getFileTypeIconProps, FileIconType } from '@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, tslib_1.__assign({}, getFileTypeIconProps({ extension: 'mdb', size: 16, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 20 archive icon as .png"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: '7z', size: 20, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 32 audio icon as .png"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: 'oga', size: 32, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 40 code icon as .png"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: '.cpp', size: 40, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 48 csv icon as .png"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: 'csv', size: 48, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 64 model icon as .png"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: 'blend', size: 64, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 96 docx icon as .png"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: 'docx', size: 96, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 16 dotx icon as .svg"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: 'dot', size: 16, imageFileType: 'svg' }))),
React.createElement("h3", null, "Size 20 email icon as .svg"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: '.msg', size: 20, imageFileType: 'svg' }))),
React.createElement("h3", null, "Size 32 exe icon as .svg"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: 'msi', size: 32 }))),
React.createElement("h3", null, "Size 40 font icon as .svg"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: '.woff', size: 40 }))),
React.createElement("h3", null, "Size 48 html icon as .svg"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: 'html', size: 48 }))),
React.createElement("h3", null, "Size 64 mpp icon as .svg"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: 'mpp', size: 64 }))),
React.createElement("h3", null, "Size 96 link icon as .svg"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ extension: 'url', size: 96 }))),
React.createElement("h3", null, "Size 16 docset icon as .png"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ type: FileIconType.docset, size: 16, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 20 folder icon as .svg"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ type: FileIconType.folder, size: 20, imageFileType: 'svg' }))),
React.createElement("h3", null, "Size 40 genericfile icon as .png"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ size: 40, imageFileType: 'png' }))),
React.createElement("h3", null, "Size 48 listitem icon as .svg"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ type: FileIconType.listItem, size: 48, imageFileType: 'svg' }))),
React.createElement("h3", null, "Size 64 sharedfolder icon as .png"),
React.createElement(Icon, tslib_1.__assign({}, getFileTypeIconProps({ type: FileIconType.sharedFolder, size: 64, imageFileType: 'png' })))));
};
return FileTypeIconBasicExample;
}(React.Component));
export { FileTypeIconBasicExample };
//# sourceMappingURL=FileTypeIcon.Basic.Example.js.map