Getting Started
Components
Special Effects
Animations
Text Animations
Backgrounds
import { Safari } from "@/components/ui/safari"
<Safari url="https://magicui.design" />
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 |
mode | SafariMode | "default" | The display mode of the Safari window. |
className | string | - | Additional classes applied to the wrapper <div> |
style | React.CSSProperties | - | Inline styles applied to the wrapper <div> |
<div>
. The component enforces the aspect ratio 1203/753.