MockupWindow: Blazor mockup window component

Examples

Basic

Title fills the title bar; child content is centred in the window.

Save changes

Save "Q4 roadmap" to your projects?

website/Examples/Mockup/MockupWindowBasicExample.razor Source

Border colour

BorderColor with a thicker border makes an error window.

Upload failed

"invoices-october.csv" could not be read.

website/Examples/Mockup/MockupWindowBorderExample.razor Source

Playground

Acme Cloud

Your changes have been saved.

ChildContent

Title

BorderColor Color

<MockupWindow
              Title="Acme Cloud"
              BorderColor="Color.Secondary"
              Class="w-full max-w-md border-2">
    Your changes have been saved.
</MockupWindow>

API

<MockupWindow>

DaisyBlazor

Parameters

BorderColor Color
= Color.Default
Optional border color token applied as border-{token} on a 1px border; defaults to base-300.
Title string
= null
Optional window title shown in the title bar.
Class string
= null
Extra CSS classes merged onto the .mockup-window element.
Style string
= null
Inline CSS style applied to the .mockup-window element.

Name	Type	Default	Description
BorderColor	Color	Color.Default	Optional border color token applied as border-{token} on a 1px border; defaults to base-300.
Title	string	null	Optional window title shown in the title bar.
Class	string	null	Extra CSS classes merged onto the .mockup-window element.
Style	string	null	Inline CSS style applied to the .mockup-window element.

Content

ChildContent RenderFragment
Content rendered inside the window body.

Name	Type	Description
ChildContent	RenderFragment	Content rendered inside the window body.