Frame

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" caption="Center aligned image">
   <Image width={300} src="/img/demo-image-01.png" alt="Abstract art"/>
</Frame>

Table example

<Frame align="stretch" caption="Stretched table">
| 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      |
</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