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