daisyUI Kit 🌼

MockupBrowser

MockupBrowser shows a mockup of a browser interface.

https://daisyuikit.com
Hello!
Code Example 
<MockupBrowser class="border-base-300 w-full">
  <MockupBrowserToolbar>
    <div class="input border border-base-300">
      https://daisyuikit.com
    </div>
  </MockupBrowserToolbar>
  <Flex class="justify-center px-4 py-16 border-t border-base-300">
    Hello!
  </Flex>
</MockupBrowser>

Components

MockupBrowser components include the following:

MockupBrowser

MockupBrowser can wrap a MockupBrowserToolbar and other content. It accepts no props.

MockupBrowserToolbar

MockupBrowser can contain UI toolbar elements for a MockupBrowser.

With Background

https://daisyuikit.com
Hello!
Code Example 
<MockupBrowser class="bg-base-300 w-full">
  <MockupBrowserToolbar>
    <div class="input bg-base-300">
      https://daisyuikit.com
    </div>
  </MockupBrowserToolbar>
  <Flex class="justify-center px-4 py-16 bg-base-200">
    Hello!
  </Flex>
</MockupBrowser>