MockupBrowser and MockupBrowserToolbar are utility components for displaying browser chrome mockups around your content. Use them to showcase previews, demos, or UI states inside a realistic browser frame.
A simple browser mockup frame with a toolbar and content.
The MockupBrowser components include the following:
The MockupBrowser component provides a styled browser chrome frame for previews and mockups. It is a simple wrapper that applies the appropriate DaisyUI mockup-browser classes.
| MockupBrowser Slots | Description |
|---|---|
default | The default slot for your mockup content. |
The MockupBrowserToolbar component provides the toolbar/header area of the mockup browser mockup. Use it as a child of MockupBrowser for realistic browser mockups.
| MockupBrowserToolbar Slots | Description |
|---|---|
default | The default slot for toolbar content. |