UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

23 lines 1.63 kB
define(["require", "exports", "tslib", "react", "office-ui-fabric-react/lib/TextField", "./TextField.Examples.scss"], function (require, exports, tslib_1, React, TextField_1) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var TextFieldBasicExample = /** @class */ (function (_super) { tslib_1.__extends(TextFieldBasicExample, _super); function TextFieldBasicExample() { return _super !== null && _super.apply(this, arguments) || this; } TextFieldBasicExample.prototype.render = function () { return (React.createElement("div", { className: "docs-TextFieldExample" }, React.createElement(TextField_1.TextField, { label: "Standard" }), React.createElement(TextField_1.TextField, { label: "Disabled", disabled: true }), React.createElement(TextField_1.TextField, { label: "Read Only", readOnly: true }), React.createElement(TextField_1.TextField, { label: "Required ", required: true }), React.createElement(TextField_1.TextField, { label: "With error message", errorMessage: "Error message" }), React.createElement(TextField_1.MaskedTextField, { label: "With number mask", mask: "99999" }), React.createElement(TextField_1.MaskedTextField, { label: "With input mask", mask: "m\\ask: (999) 999 - 9999" }))); }; return TextFieldBasicExample; }(React.Component)); exports.TextFieldBasicExample = TextFieldBasicExample; }); //# sourceMappingURL=TextField.Basic.Example.js.map