Embed

Use the Embed component to display external content, such as videos, maps, or other embeddable media, within your markdown pages. This component allows you to customize dimensions, add borders, and ensure responsive styling.

Default usage

<Embed 
    url="https://www.youtube.com/embed/UiCioBZ5IDU?si=dychrQurRTlhz9DN"
    title="Sample Video"
/>

Custom size

<Embed 
    url="https://www.youtube.com/embed/UiCioBZ5IDU?si=dychrQurRTlhz9DN"
    title="Sample Video"
    width=800
    height=450
/>

No border

<Embed 
    url="https://www.youtube.com/embed/UiCioBZ5IDU?si=dychrQurRTlhz9DN"
    title="Sample Video"
    border=false
/>

Options

url

Required

The URL of the embeddable content.

title

A description or title for the embed, useful for accessibility purposes.

width

The width of the embed (in pixels).

Options:: number

Default:: 100%

height

The height of the embed (in pixels).

Options:: number

Default:: 400

border

Whether to display a border around the embed

Options:

Default:: true

class

Pass custom classes to control the styling of the embed wrapper. Supports Tailwind classes.