Skip to content
WORKSPACE · COMPLETE

MailView

Show incoming email safely inside your app.

Show the HTML of an incoming email safely inside your app, in a sandboxed frame without scripts.

Why it helps

  • Sandboxed
  • No scripts
  • Safe display

Where it fits

  • Mail clients
  • Archives
  • CRM

Example

<Switch @bind-Value="_dark" Label="Dark background" />
<div style="height:18rem">
    <MailView Html="@_message" Fill="true" Dark="_dark" />
</div>

@code {
    private bool _dark;

    private const string _message = """
        <h2 style="margin:0 0 .5em">Meeting notes</h2>
        <p>The frame fills its parent: the parent here is 18rem high, and the message scrolls inside.</p>
        <ul><li>Budget approved</li><li>Next review on Monday</li></ul>
        <p>Mail without its own colours takes the dark background; mail that sets colours keeps them.</p>
        """;
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Part of RayCraft Complete.

All controls ยท Documentation