UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

1 lines 1.14 kB
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";