Info

Markup

pro


Lightweight inline markup interpreter for rendering formatted textual content through Text components.

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

Markup is a lightweight inline markup interpreter that enhances existing textual content with inline formatting such as bold, italic and inline code. It walks through nested textual structures and transforms supported formatting markers into semantic inline elements while preserving the original typography, sizing and layout behavior defined by Text.

Features

  • interprets lightweight inline formatting markers inside textual content

  • preserves typography and layout behavior from existing Text components

  • supports nested Text composition and complex content structures

  • works naturally with content-oriented components such as MarkerList

Guidelines

  • wrap Text components with Markup instead of placing Markup inside Text

  • use

    **text**
    to render bold inline text

  • use

    _text_
    to render italic inline text

  • use

    `text`
    to render inline code or short technical values

  • Markup can process nested string children recursively when they appear inside Text-based structures

Composed of

Box

Root tag

div

Props

children

tagAttrs

tagRef