office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
1 lines • 1.22 kB
JavaScript
define([], function() { return "/* tslint:disable:no-unused-variable */\r\nimport * as React from 'react';\r\n/* tslint:enable:no-unused-variable */\r\n\r\nimport { FocusZone, Button, TextField, FocusZoneDirection } from '../../../../index';\r\nimport './FocusZone.Disabled.Example.scss';\r\n\r\nexport const FocusZoneDisabledExample = () => (\r\n <div className='ms-FocusZoneDisabledExample'>\r\n <div className='ms-Row'>\r\n <FocusZone direction={ FocusZoneDirection.horizontal }>\r\n <span>Enabled FocusZone: </span>\r\n <Button>Button 1</Button>\r\n <Button>Button 2</Button>\r\n <TextField value='FocusZone TextField' className='ms-FocusZoneDisabledExample-textField' />\r\n <Button>Button 3</Button>\r\n </FocusZone>\r\n </div>\r\n <div className='ms-Row'>\r\n <Button>Tabbable Element 1</Button>\r\n </div>\r\n <div className='ms-Row'>\r\n <FocusZone disabled={true}>\r\n <span>Disabled FocusZone: </span>\r\n <Button>Button 1</Button>\r\n <Button>Button 2</Button>\r\n </FocusZone>\r\n </div>\r\n <div className='ms-Row'>\r\n <TextField value='Tabbable Element 2' />\r\n </div>\r\n </div>\r\n);\r\n"; });