office-ui-fabric-react/lib/demo/pages/DropdownPage/examples/Dropdown.Basic.Example.tsx.js

Reusable React components for building experiences for Office 365.

module.exports = "import * as React from 'react';\r\nimport {\r\n  Dropdown\r\n} from '../../../../index';\r\nimport './Dropdown.Basic.Example.scss';\r\n\r\nexport class DropdownBasicExample extends React.Component<any, any> {\r\n  public render() {\r\n    return (\r\n      <div className='ms-DropdownBasicExample'>\r\n        <Dropdown\r\n          label='Basic example:'\r\n          options={\r\n            [\r\n              { key: 'A', text: 'Option a' },\r\n              { key: 'B', text: 'Option b' },\r\n              { key: 'C', text: 'Option c' },\r\n              { key: 'D', text: 'Option d' },\r\n              { key: 'E', text: 'Option e' },\r\n              { key: 'F', text: 'Option f' },\r\n              { key: 'G', text: 'Option g' },\r\n              { key: 'H', text: 'Option h', isSelected: true },\r\n              { key: 'I', text: 'Option i' },\r\n              { key: 'J', text: 'Option j' },\r\n            ]\r\n          }\r\n        />\r\n\r\n        <Dropdown\r\n          label='Disabled example:'\r\n          options={\r\n            [\r\n              { key: 'A', text: 'Option a' },\r\n              { key: 'B', text: 'Option b', isSelected: true },\r\n              { key: 'C', text: 'Option c' },\r\n              { key: 'D', text: 'Option d' },\r\n              { key: 'E', text: 'Option e' },\r\n              { key: 'F', text: 'Option f' },\r\n              { key: 'G', text: 'Option g' },\r\n            ]\r\n          }\r\n          disabled={ true }\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n}\r\n";