UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

25 lines (24 loc) 1.57 kB
define(["require", "exports", 'react', '../../../../index', './FocusZone.Disabled.Example.scss'], function (require, exports, React, index_1) { "use strict"; exports.FocusZoneDisabledExample = function () { return (React.createElement("div", {className: 'ms-FocusZoneDisabledExample'}, React.createElement("div", {className: 'ms-Row'}, React.createElement(index_1.FocusZone, {direction: index_1.FocusZoneDirection.horizontal}, React.createElement("span", null, "Enabled FocusZone: "), React.createElement(index_1.Button, null, "Button 1"), React.createElement(index_1.Button, null, "Button 2"), React.createElement(index_1.TextField, {value: 'FocusZone TextField', className: 'ms-FocusZoneDisabledExample-textField'}), React.createElement(index_1.Button, null, "Button 3")) ), React.createElement("div", {className: 'ms-Row'}, React.createElement(index_1.Button, null, "Tabbable Element 1") ), React.createElement("div", {className: 'ms-Row'}, React.createElement(index_1.FocusZone, {disabled: true}, React.createElement("span", null, "Disabled FocusZone: "), React.createElement(index_1.Button, null, "Button 1"), React.createElement(index_1.Button, null, "Button 2")) ), React.createElement("div", {className: 'ms-Row'}, React.createElement(index_1.TextField, {value: 'Tabbable Element 2'}) ))); }; });