UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

27 lines 2.67 kB
import * as tslib_1 from "tslib"; import * as React from 'react'; import { ExampleCard, ComponentPage, PropertiesTableSet, PageMarkdown, } from '@uifabric/example-app-base'; import { CheckboxBasicExample } from './examples/Checkbox.Basic.Example'; import { CheckboxImplementationExamples } from './examples/Checkbox.ImplementationExamples'; import { ComponentStatus } from '../../demo/ComponentStatus/ComponentStatus'; import { CheckboxStatus } from './Checkbox.checklist'; var CheckboxBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Checkbox/examples/Checkbox.Basic.Example.tsx'); var CheckboxImplementationExamplesCode = require('!raw-loader!office-ui-fabric-react/src/components/Checkbox/examples/Checkbox.ImplementationExamples.tsx'); var CheckboxPage = /** @class */ (function (_super) { tslib_1.__extends(CheckboxPage, _super); function CheckboxPage() { return _super !== null && _super.apply(this, arguments) || this; } CheckboxPage.prototype.render = function () { return (React.createElement(ComponentPage, { title: 'Checkbox', componentName: 'CheckboxExample', componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Checkbox', exampleCards: React.createElement("div", null, React.createElement(ExampleCard, { title: 'Default Checkbox', code: CheckboxBasicExampleCode }, React.createElement(CheckboxBasicExample, null)), React.createElement(ExampleCard, { title: 'Implementation Examples', code: CheckboxImplementationExamplesCode }, React.createElement(CheckboxImplementationExamples, null))), propertiesTables: React.createElement(PropertiesTableSet, { sources: [ require('!raw-loader!office-ui-fabric-react/src/components/Checkbox/Checkbox.types.ts') ] }), overview: React.createElement(PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Checkbox/docs/CheckboxOverview.md')), bestPractices: React.createElement("div", null), dos: React.createElement(PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Checkbox/docs/CheckboxDos.md')), donts: React.createElement(PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Checkbox/docs/CheckboxDonts.md')), isHeaderVisible: this.props.isHeaderVisible, componentStatus: React.createElement(ComponentStatus, tslib_1.__assign({}, CheckboxStatus)) })); }; return CheckboxPage; }(React.Component)); export { CheckboxPage }; //# sourceMappingURL=CheckboxPage.js.map