Basic dropdown

website/src/Users/UserForm.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import autobind from 'autobind-decorator'
 import { regExpPattern } from 'regexp-pattern'
 import { api } from 'src/API'
-import { Row, Column, BoundInput, BoundButton, BoundCheckbox, BoundEmailIcon } from 'ui'
+import { Row, Column, BoundInput, BoundButton, BoundCheckbox, BoundEmailIcon, DropdownList } from 'ui'
 import { FormBinder } from 'react-form-binder'
 import { sizeInfo } from 'ui/style'
 
@@ -144,6 +144,13 @@ export class UserForm extends React.Component {
                       </Row.Item>
                     </Row>
                   </Column.Item>
+                  <Column.Item>
+                    <DropdownList render={(item) => (
+                      <DropdownList.Item style={{ paddingLeft: 8 }}>
+                        <DropdownList.Text>Team Name</DropdownList.Text>
+                      </DropdownList.Item>
+                    )} />
+                  </Column.Item>
                   <Column.Item height={sizeInfo.formColumnSpacing} />
                   <Column.Item minHeight={sizeInfo.buttonHeight}>
                     <Row>