office-ui-fabric-react/lib-es2015/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 '../../../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' },
                ], componentRef: this._resolveRef('_basicDropdown'), errorMessage: 'Error message' })));
    };
    return DropdownErrorExample;
}(BaseComponent));
export { DropdownErrorExample };
//# sourceMappingURL=Dropdown.Error.Example.js.map