Component: GifEmbed
Purpose
Displays an animated GIF image, similar to a regular image but potentially with specific styling or handling for GIFs.
When to Use
- Showing short animations or screen recordings.
- Adding visual interest or humor (use sparingly!).
- Illustrating a quick process visually.
How to Use (Options / Props)
Option ( | Description | Required? | Example Value(s) |
|---|---|---|---|
| The URL path to the GIF file. | Yes | |
| Text description of the GIF for accessibility. | Yes | |
| Optional text displayed below the GIF. | No | |
Example MDX Usage
Simple GIF:
<GifEmbed
src="/gifs/loading-spinner.gif"
alt="Loading animation spinner"
/>
GIF with a Caption:
<GifEmbed
src="/images/demos/quick-feature-demo.gif"
alt="Short demo showing the new feature in action"
caption="Quick look at the drag-and-drop interface."
/>
Updated on: 13/05/2026
Thank you!