office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
22 lines (21 loc) • 1.92 kB
JavaScript
var __extends = (this && this.__extends) || function (d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
define(["require", "exports", 'react', '../../components/index', './examples/DocumentCard.Basic.Example', './examples/DocumentCard.Complete.Example'], function (require, exports, React, index_1, DocumentCard_Basic_Example_1, DocumentCard_Complete_Example_1) {
"use strict";
var DocumentCardBasicExampleCode = require('./examples/DocumentCard.Basic.Example.tsx');
var DocumentCardCompleteExampleCode = require('./examples/DocumentCard.Complete.Example.tsx');
var DocumentCardPage = (function (_super) {
__extends(DocumentCardPage, _super);
function DocumentCardPage() {
_super.apply(this, arguments);
}
DocumentCardPage.prototype.render = function () {
return (React.createElement("div", null, React.createElement("h1", {className: 'ms-font-xxl'}, "DocumentCard"), React.createElement("div", null, "A card representation of a document. Can be configured with various card parts, including a preview, title, and location."), React.createElement("h2", {className: 'ms-font-xl'}, "Examples"), React.createElement(index_1.ExampleCard, {title: 'DocumentCard Basic', code: DocumentCardBasicExampleCode}, React.createElement(DocumentCard_Basic_Example_1.DocumentCardBasicExample, null)), React.createElement(index_1.ExampleCard, {title: 'DocumentCard Complete', code: DocumentCardCompleteExampleCode}, React.createElement(DocumentCard_Complete_Example_1.DocumentCardCompleteExample, null)), React.createElement(index_1.PropertiesTableSet, {componentName: 'DocumentCard'})));
};
return DocumentCardPage;
}(React.Component));
exports.DocumentCardPage = DocumentCardPage;
});