UNPKG

@uifabric/experiments

Version:

Experimental React components for building experiences for Office 365.

29 lines 2.91 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 Toggle_Example_1 = require("./examples/Toggle.Example"); var ToggleExampleCode = require('!raw-loader!@uifabric/experiments/src/components/Toggle/examples/Toggle.Example.tsx'); var Toggle_Tokens_Object_Example_1 = require("./examples/Toggle.Tokens.Object.Example"); var ToggleTokensObjectExampleCode = require('!raw-loader!@uifabric/experiments/src/components/Toggle/examples/Toggle.Tokens.Object.Example.tsx'); var Toggle_Tokens_Function_Example_1 = require("./examples/Toggle.Tokens.Function.Example"); var ToggleTokensFunctionExampleCode = require('!raw-loader!@uifabric/experiments/src/components/Toggle/examples/Toggle.Tokens.Function.Example.tsx'); var TogglePage = /** @class */ (function (_super) { tslib_1.__extends(TogglePage, _super); function TogglePage() { return _super !== null && _super.apply(this, arguments) || this; } TogglePage.prototype.render = function () { return (React.createElement(example_app_base_1.ComponentPage, { title: " Toggle", componentName: " Toggle", exampleCards: React.createElement("div", null, React.createElement(example_app_base_1.ExampleCard, { title: "Default Toggles", code: ToggleExampleCode }, React.createElement(Toggle_Example_1.ToggleExample, null)), React.createElement(example_app_base_1.ExampleCard, { title: "Toggle components with token objects", code: ToggleTokensObjectExampleCode }, React.createElement(Toggle_Tokens_Object_Example_1.ToggleTokensObjectExample, null)), React.createElement(example_app_base_1.ExampleCard, { title: "Toggle components with token functions", code: ToggleTokensFunctionExampleCode }, React.createElement(Toggle_Tokens_Function_Example_1.ToggleTokensFunctionExample, null))), propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [require('!raw-loader!@uifabric/experiments/src/components/Toggle/Toggle.types.ts')] }), overview: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Toggle/docs/ToggleOverview.md')), bestPractices: React.createElement("div", null), dos: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Toggle/docs/ToggleDos.md')), donts: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Toggle/docs/ToggleDonts.md')), isHeaderVisible: this.props.isHeaderVisible })); }; return TogglePage; }(React.Component)); exports.TogglePage = TogglePage; //# sourceMappingURL=TogglePage.js.map