office-ui-fabric-react/lib/components/Dropdown/examples/Dropdown.Error.Example.js

Reusable React components for building experiences for Office 365.

import * as tslib_1 from "tslib";
import * as React from 'react';
import { Dropdown } from 'office-ui-fabric-react/lib/Dropdown';
import { BaseComponent } from 'office-ui-fabric-react/lib/Utilities';
import './Dropdown.Basic.Example.scss';
var DropdownErrorExample = /** @class */ (function (_super) {
    tslib_1.__extends(DropdownErrorExample, _super);
    function DropdownErrorExample(props) {
        return _super.call(this, props) || this;
    }
    DropdownErrorExample.prototype.render = function () {
        return (React.createElement("div", { className: "docs-DropdownExample" },
            React.createElement(Dropdown, { placeHolder: "Select an Option", label: "Error message example:", id: "Errormessagedrop1", ariaLabel: "Error message dropdown example", options: [
                    { key: 'A', text: 'Option a' },
                    { key: 'B', text: 'Option b' },
                    { key: 'C', text: 'Option c' },
                    { key: 'D', text: 'Option d' },
                    { key: 'E', text: 'Option e' }
                ], errorMessage: "Error message" })));
    };
    return DropdownErrorExample;
}(BaseComponent));
export { DropdownErrorExample };
//# sourceMappingURL=Dropdown.Error.Example.js.map