Window mockup
Window mockup shows a box that looks like an operating system window.
This page is not up to date. Some of the examples might not work as expected.
| Class name | Type | |
|---|---|---|
| mockup-window | Component | OS window mockup |
Hello!
<div class="$$mockup-window border-base-300 border"> <div class="border-base-300 flex justify-center border-t px-4 py-16">Hello!</div> </div>
<div class="$$mockup-window border-base-300 border">
<div class="border-base-300 flex justify-center border-t px-4 py-16">Hello!</div>
</div>
<div class="$$mockup-window border-base-300 border">
<div class="border-base-300 flex justify-center border-t px-4 py-16">Hello!</div>
</div>
<div class="$$mockup-window border-base-300 border">
<div class="border-base-300 flex justify-center border-t px-4 py-16">Hello!</div>
</div>Hello!
<div class="$$mockup-window bg-base-300 border"> <div class="bg-base-200 flex justify-center px-4 py-16">Hello!</div> </div>
<div class="$$mockup-window bg-base-300 border">
<div class="bg-base-200 flex justify-center px-4 py-16">Hello!</div>
</div>
<div class="$$mockup-window bg-base-300 border">
<div class="bg-base-200 flex justify-center px-4 py-16">Hello!</div>
</div>
<div class="$$mockup-window bg-base-300 border">
<div class="bg-base-200 flex justify-center px-4 py-16">Hello!</div>
</div>Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
