MockupPhone: Blazor mockup phone component

Examples

A splash screen inside a phone sized with w-56.

Acme Cloud

Your dashboard in your pocket

website/Examples/Mockup/MockupPhoneBasicExample.razor Source

Phones of different widths keep the same proportions.

Notifications

Invoice INV-4821 has been paid.

Mei Chen invited you to Contoso.

Monthly revenue

48 200 €

MRR, up 12% this month

website/Examples/Mockup/MockupPhoneScreenExample.razor Source

DaisyBlazor

Class string
= null
Additional CSS classes merged onto the mockup-phone element.
Style string
= null
Inline styles applied to the mockup-phone element.

Name	Type	Default	Description
Class	string	null	Additional CSS classes merged onto the mockup-phone element.
Style	string	null	Inline styles applied to the mockup-phone element.

Name	Type	Description
ChildContent	RenderFragment	Content rendered inside the phone display area.