Nested styling within Typography

Question

How can I style my text with <Typography /> ? Is it possible to do something like this:

const someText = 'Hello <b>World</b>';

...
  <Typography>
   {someText}
  </Typography>
...

Or do I need to split up my text? With nested Typographies I seem to have some layout issues.

Answer 1

I'm using material-ui 4.* and doing this is perfectly legal.

<Typography variant={'h5'} >Treffen Sie auf der it-sa 2019 die Micro Focus 
     <Typography display={'inline'} >und diskutieren Sie über </Typography>
</Typography>