title: How to add a new line in text field of dropdown in semantic-ui react?
body: <p>Here is the render function </p>
  
  <pre><code>render(){
      const { members, user } = this.props;
      let memberOptions = [];
      members.forEach((member, i) =&gt; {
        memberOptions.push({
          key: i,
          text: member.user.name,
          value: member.user.id,
          image: { avatar: true, src: member.user.gravatar },
        });
      });
      return (
        &lt;Dropdown placeholder='Select User' fluid selection options={memberOptions} /&gt;
      )
    }
  </code></pre>
  
  <p>This will render perfectly. But I also want to add one more text(say email) in this <strong>text field in a new line</strong>. So that dropdown items show  similar to this : <a href="https://react.semantic-ui.com/elements/list#list-example-relaxed" rel="nofollow noreferrer">https://react.semantic-ui.com/elements/list#list-example-relaxed</a></p>
  
  <p>How can I achieve this?</p>