title: Is it possible to change a part of text styling of ChoiceGroupOption (office-ui-fabric)?
body: <p>I am using Office fabric <code>Choice Group</code> for my radio buttons. I would like to change the styling of part of text to <code>bold</code>, but the rest of text remains as normal font size. I am using <code>onRenderField</code> method but I have not successfully implemented yet.... I really appreciate any inputs!!</p>
  
  <p><strong>Final Goal for radio button text:</strong></p>
  
  <blockquote>
    <p><strong>On:</strong> some additional explanation here</p>
  </blockquote>
  
  <p><strong>Example Code using <code>onRenderField</code> method:</strong></p>
  
  <pre><code>options={[
    {
      key: 'On', 
      text: 'On: some additional explanation here', 
      onRenderField: (props, render) =&gt; {
        return (
          &lt;span style={{fontWeight: 'bold'}}&gt;
            {render!(props)}
          &lt;/span&gt;
        );
      }
    }
  ]}
  </code></pre>
  
  <p><strong>The above code makes <code>bold</code> entire <code>text</code> like below:</strong></p>
  
  <blockquote>
    <p><strong>On: some additional explanation here</strong></p>
  </blockquote>