office-ui-fabric-react/lib/demo/pages/FocusZonePage/examples/FocusZone.Disabled.Example.tsx.js

Reusable React components for building experiences for Office 365.

module.exports = "/* tslint:disable:no-unused-variable */\nimport * as React from 'react';\n/* tslint:enable:no-unused-variable */\n\nimport { FocusZone, Button, TextField, FocusZoneDirection } from '../../../../index';\nimport './FocusZone.Disabled.Example.scss';\n\nexport const FocusZoneDisabledExample = () => (\n  <div className='ms-FocusZoneDisabledExample'>\n    <div className='ms-Row'>\n      <FocusZone direction={ FocusZoneDirection.horizontal }>\n        <span>Enabled FocusZone: </span>\n        <Button>Button 1</Button>\n        <Button>Button 2</Button>\n        <TextField value='FocusZone TextField' className='ms-FocusZoneDisabledExample-textField' />\n        <Button>Button 3</Button>\n      </FocusZone>\n    </div>\n    <div className='ms-Row'>\n      <Button>Tabbable Element 1</Button>\n    </div>\n    <div className='ms-Row'>\n      <FocusZone disabled={true}>\n        <span>Disabled FocusZone: </span>\n        <Button>Button 1</Button>\n        <Button>Button 2</Button>\n      </FocusZone>\n    </div>\n    <div className='ms-Row'>\n      <TextField value='Tabbable Element 2' />\n    </div>\n  </div>\n);\n";