Typography span variant

Both defaultHeadlineMapping variants body1 and body2 - p (paragraph) tag. Other variants are block-types too (h1-h6) and no one inline/inline-block.

I can do this by

component={(props) => {
  return <span
    {...props}
  />
}}

or

variant="body2"
headlineMapping={{
  body2: 'span',
}}

But it’s not useful.

[kross-italk]

This is the #1 result for “material ui typography span inline text” and there is no accepted answer. There is nothing on Stack overflow for this question. You need to treat your community better

[joshwooding]

@kross-italk I think it’s kind of unfair to accuse us of treating our community badly considering how much time we spend answering questions and improving Material UI. Now to answer your question:

We changed Typography‘s implementation in v4 so it uses the default display for the element you choose i.e. inline for span. If you want to override this you can use the display prop e.g. display="inline"