Astro components
Browser frame
Wraps content in a browser-like window frame.
A container component that mimics a browser window, useful for showcasing screenshots or web content.
Usage
---
import BrowserFrame from '@/components/BrowserFrame.astro';
import { Image } from 'astro:assets';
import myImage from '../assets/screenshot.png';
---
<BrowserFrame>
<Image src={myImage} alt="Screenshot" />
</BrowserFrame>Props
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | - | Additional CSS classes for the frame container. |
...props | HTMLAttributes<'div'> | - | Any other attributes to be passed to the container div. |