Installation
Examples
With Image
With Video
Simple Mode
Usage
import { Safari } from "@/components/magicui/safari";<Safari url="https://magicui.design" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
url | string | - | The URL to display in the Safari address bar |
imageSrc | string | - | The source URL of the image to display in the Safari window |
videoSrc | string | - | The source URL of the video to display in the Safari window |
width | number | 1203 | The width of the Safari window |
height | number | 753 | The height of the Safari window |
mode | SafariMode | "default" | The display mode of the Safari window. |
type SafariMode = "default" | "simple".
The Safari component also accepts all properties of the SVGElement type.