UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

27 lines 2.13 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var tslib_1 = require("tslib"); var React = require("react"); var example_app_base_1 = require("@uifabric/example-app-base"); var SelectedPeopleList_Basic_Example_1 = require("../examples/SelectedPeopleList.Basic.Example"); var PeopleSelectedItemsListExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/SelectedItemsList/examples/SelectedPeopleList.Basic.Example.tsx'); var SelectedPeopleListPage = /** @class */ (function (_super) { tslib_1.__extends(SelectedPeopleListPage, _super); function SelectedPeopleListPage() { return _super !== null && _super.apply(this, arguments) || this; } SelectedPeopleListPage.prototype.render = function () { return (React.createElement(example_app_base_1.ComponentPage, { title: 'SelectedPeopleList', componentName: 'SelectedPeopleList', exampleCards: React.createElement("div", null, React.createElement(example_app_base_1.ExampleCard, { title: 'Selected People List', code: PeopleSelectedItemsListExampleCode }, React.createElement(SelectedPeopleList_Basic_Example_1.PeopleSelectedItemsListExample, null))), propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [ require('!raw-loader!office-ui-fabric-react/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts') ] }), overview: React.createElement("div", null), bestPractices: React.createElement("div", null), dos: React.createElement("div", null, React.createElement("ul", null, React.createElement("li", null, "Use them to represent list of selected people."))), donts: React.createElement("div", null, React.createElement("ul", null, React.createElement("li", null, "Use for other items besides selected people"))) })); }; return SelectedPeopleListPage; }(React.Component)); exports.SelectedPeopleListPage = SelectedPeopleListPage; //# sourceMappingURL=SelectedPeopleListPage.js.map