office-ui-fabric-react/lib/components/Label/examples/Label.Basic.Example.js

Reusable React components for building experiences for Office 365.

import * as React from 'react';
import { Label } from 'office-ui-fabric-react/lib/Label';
import { TextField } from 'office-ui-fabric-react/lib/TextField';
import { getId } from 'office-ui-fabric-react/lib/Utilities';
export var LabelBasicExample = function () {
    // Use getId() to ensure that the ID is unique on the page.
    // (It's also okay to use a plain string without getId() and manually ensure uniqueness.)
    var textFieldId = getId('anInput');
    return (React.createElement("div", null,
        React.createElement(Label, null, "I'm a Label"),
        React.createElement(Label, { disabled: true }, "I'm a disabled Label"),
        React.createElement(Label, { required: true }, "I'm a required Label"),
        React.createElement(Label, { htmlFor: textFieldId }, "A Label for An Input"),
        React.createElement(TextField, { id: textFieldId })));
};
//# sourceMappingURL=Label.Basic.Example.js.map