Frame

Add captions and align images and tables.

The Frame is a block-level element that allows you to add a caption and align an inline component within it.

Currently, it is specifically tailored for aligning and captioning images and tables. Frames are rendered as figure elements in HTML, with a figcaption included if a caption is provided.

Image example

<Frame align="center">
   <Image width={300} src="/img/demo-image-01.png" alt="Abstract art"/>
   <Caption>Center aligned image</Caption>
</Frame>

Table example

<Frame align="stretch">

| Rocket               | Height   | Payload to LEO | Stages |
|:---------------------|:--------:|:--------------:|:------:|
| SpaceX Starship      | 120 m    | 150 t          | 2      |
| NASA SLS Block 1     | 98 m     | 95 t           | 2      |
| Blue Origin New Glenn| 98 m     | 45 t           | 2      |

<Caption>Stretched table</Caption>
</Frame>

Rocket	Height	Payload to LEO	Stages
SpaceX Starship	120 m	150 t	2
NASA SLS Block 1	98 m	95 t	2
Blue Origin New Glenn	98 m	45 t	2

Stretched table