Skip to main content

Figure and Table

The <Figure> and <Table> components provide auto-numbered, captioned, and cross-referenceable figures and tables.


Figures

Wrap any content in a <Figure> with an id and caption:

Agent loop

Retrieval pipeline

Reference them inline: see and .

Figures can contain any content — images, diagrams, code blocks, or even React components.


Tables

Wrap a markdown table in a <Table> with an id and caption:

ArchitectureReasoningMemoryPlanningTool UseKey Idea
ReActChain-of-thoughtShort-termNoYesInterleave reasoning and acting steps
Plan-and-ExecuteHierarchicalLong-termYesYesGenerate full plan, then execute sequentially
ReflexionSelf-critiqueEpisodicYesYesReflect on failures and retry with memory
LATSTree searchShort-termYesYesMonte Carlo tree search over action space
MethodHumanEvalMATHMMLUGSM8KARC-CAvg
Base LLM67.050.486.478.289.174.2
+ Tool Use85.468.288.183.590.383.1
+ RAG72.155.891.380.193.778.6
+ Tool + RAG88.271.492.086.394.186.4

Reference them inline: architectures in , results in .


Column Alignment

Use columns to set all columns to "center", "left", or "right":

ModelParamsTop-1 AccuracyTop-5 AccuracyTraining DataEpochs
Small125M82.195.3ImageNet-1K90
Base350M88.497.1ImageNet-1K90
Large1.3B93.299.0ImageNet-21K30
ModelParamsTop-1 AccuracyTop-5 AccuracyTraining DataEpochs
Small125M82.195.3ImageNet-1K90
Base350M88.497.1ImageNet-1K90
Large1.3B93.299.0ImageNet-21K30

You can also use standard markdown column alignment syntax (:---, :---:, ---:) for per-column control without the columns prop.