Info

Markup

pro

Use flipped theme

Basic inline formatting.

This text contains bold, italic and

inline code
.

<Markup>  <Text>This text contains **bold**, _italic_ and `inline code`.</Text></Markup>

Multiple Text blocks.

Markup heading

Markup paragraph

<Markup>  <Text typography="h5">**Markup heading**</Text>  <Text>_Markup paragraph_</Text></Markup>

Text nested inside Text.

This paragraph contains nested

inline
formatting inside another Text component.

<Markup>  <Text>    This paragraph contains nested    <Text tag="span" color="blue" intent="primary" space="both">`inline`</Text>    formatting inside another Text component.  </Text></Markup>

MarkerList example.

  • Text wrapped with

    Markup
    can interpret inline formatting markers.

  • Double asterisks render bold text inside the existing Text component.

  • Underscores render italic text without manually nesting Text spans.

  • Backticks render

    inline code
    for short technical values.

<Markup>  <MarkerList>    <MarkerList.Item>      <Text>Text wrapped with `Markup` can interpret inline formatting markers.</Text>    </MarkerList.Item>    <MarkerList.Item>      <Text>Double asterisks render **bold text** inside the existing Text component.</Text>    </MarkerList.Item>    <MarkerList.Item>      <Text>Underscores render _italic text_ without manually nesting Text spans.</Text>    </MarkerList.Item>    <MarkerList.Item>      <Text>Backticks render `inline code` for short technical values.</Text>    </MarkerList.Item>  </MarkerList></Markup>