ContextQMD
Back to Daisyui

Window mockup

packages/docs/src/routes/(routes)/components/mockup-window/+page.md

5.5.19796 B
Original Source
<script> import Component from "$components/Component.svelte" import Translate from "$components/Translate.svelte" </script>

~window mockup with border

<div class="mockup-window border border-base-300 w-full"> <div class="grid place-content-center border-t border-base-300 h-80">Hello!</div> </div>
html
<div class="$$mockup-window border border-base-300 w-full">
  <div class="grid place-content-center border-t border-base-300 h-80">Hello!</div>
</div>

~window mockup with background color

<div class="mockup-window bg-base-100 border border-base-300 w-full"> <div class="grid place-content-center h-80">Hello!</div> </div>
html
<div class="$$mockup-window bg-base-100 border border-base-300">
  <div class="grid place-content-center h-80">Hello!</div>
</div>