mirror of
https://github.com/upstash/context7.git
synced 2026-09-14 19:09:34 +08:00
Enes Gules
6d777619c2
Co-authored-by: Context7 Agent <docs-agent@context7.com> Co-authored-by: Josh <josh@upstash.com> Co-authored-by: context7[bot] <236830434+context7[bot]@users.noreply.github.com>
27 lines
512 B
Plaintext
27 lines
512 B
Plaintext
---
|
|
title: Frames
|
|
description: Present images, videos, and embeds with an optional caption
|
|
---
|
|
|
|
Wrap visual content in `<Frame>`.
|
|
|
|
## Usage
|
|
|
|
```mdx
|
|
<Frame caption="A framed preview">
|
|
<div style={{ padding: "3rem", textAlign: "center" }}>
|
|
Screenshot or video
|
|
</div>
|
|
</Frame>
|
|
```
|
|
|
|
Use `width` to constrain the frame or `fullWidth` to fill the content column.
|
|
|
|
## Example
|
|
|
|
<Frame caption="A framed preview">
|
|
<div style={{ padding: "3rem", textAlign: "center" }}>
|
|
Screenshot or video
|
|
</div>
|
|
</Frame>
|