Phone mockup
Phone mockup shows a mockup of an iPhone.
| Class name | Type | |
|---|---|---|
| mockup-phone | Component | Phone mockup |
| mockup-phone-camera | Part | Camera part |
| mockup-phone-display | Part | Display part |
It's Glowtime.
<div class="$$mockup-phone"> <div class="$$mockup-phone-camera"></div> <div class="$$mockup-phone-display text-white grid place-content-center">It's Glowtime.</div> </div>
<div class="$$mockup-phone">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display text-white grid place-content-center">It's Glowtime.</div>
</div>
<div class="$$mockup-phone">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display text-white grid place-content-center">It's Glowtime.</div>
</div>
<div class="$$mockup-phone">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display text-white grid place-content-center">It's Glowtime.</div>
</div>
<div class="$$mockup-phone border-primary"> <div class="$$mockup-phone-camera"></div> <div class="$$mockup-phone-display"> <img alt="wallpaper" src="https://img.daisyui.com/images/stock/453966.webp"/> </div> </div>
<div class="$$mockup-phone border-primary">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display">
<img alt="wallpaper" src="https://img.daisyui.com/images/stock/453966.webp"/>
</div>
</div>
<div class="$$mockup-phone border-primary">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display">
<img alt="wallpaper" src="https://img.daisyui.com/images/stock/453966.webp"/>
</div>
</div>
<div class="$$mockup-phone border-primary">
<div class="$$mockup-phone-camera"></div>
<div class="$$mockup-phone-display">
<img alt="wallpaper" src="https://img.daisyui.com/images/stock/453966.webp"/>
</div>
</div>Do you have a question? Ask on GitHub or Discord server
Do you see a bug? open an issue on GitHub
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective
