{"action":"closed","issue":{"url":"https://api.github.com/repos/TechnologyAdvice/stardust/issues/78","labels_url":"https://api.github.com/repos/TechnologyAdvice/stardust/issues/78/labels{/name}","comments_url":"https://api.github.com/repos/TechnologyAdvice/stardust/issues/78/comments","events_url":"https://api.github.com/repos/TechnologyAdvice/stardust/issues/78/events","html_url":"https://github.com/TechnologyAdvice/stardust/issues/78","id":112680276,"number":78,"title":"Need Generic Select Component","user":{"login":"athurman","id":5421430,"avatar_url":"https://avatars.githubusercontent.com/u/5421430?v=3","gravatar_id":"","url":"https://api.github.com/users/athurman","html_url":"https://github.com/athurman","followers_url":"https://api.github.com/users/athurman/followers","following_url":"https://api.github.com/users/athurman/following{/other_user}","gists_url":"https://api.github.com/users/athurman/gists{/gist_id}","starred_url":"https://api.github.com/users/athurman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/athurman/subscriptions","organizations_url":"https://api.github.com/users/athurman/orgs","repos_url":"https://api.github.com/users/athurman/repos","events_url":"https://api.github.com/users/athurman/events{/privacy}","received_events_url":"https://api.github.com/users/athurman/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-10-21T21:14:17Z","updated_at":"2015-12-18T20:10:41Z","closed_at":"2015-12-18T20:10:41Z","body":"This is separate from creating a semantic ui specific [Dropdown]ttp://semantic-ui.com/modules/dropdown.html).\r\n\r\nWhat is needed is a simple Select component that is a select input type to be used in forms. Please note it will also specifically need a `multiple` prop that will allow you to choose multiple inputs if needed. Code example below:\r\n\r\n```jsx\r\nimport React, {Component, PropTypes} from 'react';\r\n\r\nclass Select extends Component {\r\n  static propTypes = {\r\n    label: PropTypes.string,\r\n    multiple: PropTypes.bool,\r\n    options: PropTypes.array,\r\n    value: PropTypes.oneOfType([\r\n      React.PropTypes.string,\r\n      React.PropTypes.array,\r\n    ]),\r\n  };\r\n\r\n  render() {\r\n    let options = this.props.options.map((opt, i) => {\r\n      return <option key={i} value={opt.value}>{opt.text}</option>;\r\n    });\r\n    let value = _.isEmpty(this.props.value) ? '' : this.props.value;\r\n    return (\r\n      <div>\r\n        <select {...this.props} className='sd-select ui fluid dropdown' value={value} multiple={this.props.multiple}>\r\n          {options}\r\n        </select>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Select;\r\n```"}}