Browser mockup shows a box that looks like a browser window.
Class name | Type | |
---|---|---|
mockup-browser | Component | Browser mockup |
mockup-browser-toolbar | Part | Toolbar part which can include addressbar, etc |
<div class="$$mockup-browser border-base-300 border w-full"> <div class="$$mockup-browser-toolbar"> <div class="$$input">https://daisyui.com</div> </div> <div class="grid place-content-center border-t border-base-300 h-80">Hello!</div> </div>
<div class="$$mockup-browser border-base-300 border w-full">
<div class="$$mockup-browser-toolbar">
<div class="$$input">https://daisyui.com</div>
</div>
<div class="grid place-content-center border-t border-base-300 h-80">Hello!</div>
</div>
<div class="$$mockup-browser border-base-300 border w-full"> <div class="$$mockup-browser-toolbar"> <div class="$$input">https://daisyui.com</div> </div> <div class="grid place-content-center border-t border-base-300 h-80">Hello!</div> </div>
<div class="$$mockup-browser border-base-300 border w-full">
<div class="$$mockup-browser-toolbar">
<div class="$$input">https://daisyui.com</div>
</div>
<div class="grid place-content-center border-t border-base-300 h-80">Hello!</div>
</div>
<div class="$$mockup-browser border border-base-300 w-full"> <div class="$$mockup-browser-toolbar"> <div class="$$input">https://daisyui.com</div> </div> <div class="grid place-content-center h-80">Hello!</div> </div>
<div class="$$mockup-browser border border-base-300 w-full">
<div class="$$mockup-browser-toolbar">
<div class="$$input">https://daisyui.com</div>
</div>
<div class="grid place-content-center h-80">Hello!</div>
</div>
<div class="$$mockup-browser border border-base-300 w-full"> <div class="$$mockup-browser-toolbar"> <div class="$$input">https://daisyui.com</div> </div> <div class="grid place-content-center h-80">Hello!</div> </div>
<div class="$$mockup-browser border border-base-300 w-full">
<div class="$$mockup-browser-toolbar">
<div class="$$input">https://daisyui.com</div>
</div>
<div class="grid place-content-center h-80">Hello!</div>
</div>