Flyout

render modes

server
webassembly

Use a Flyout when you need more vertical real estate on a form, such as creating a new entity.

Basic Flyout

Sample

<PureFlyout Title="New entity" IsOpen="ShowFlyout">
    This is a flyout.
</PureFlyout>

@code {
    public bool ShowFlyout { get; set; }

    public void OpenFlyout()
    {
        ShowFlyout = true;
    }
}

Basic Flyout

Sample

<PureFlyout Title="New entity" IsOpen="ShowFlyout">
    This is a flyout.
</PureFlyout>

@code {
    public bool ShowFlyout { get; set; }

    public void OpenFlyout()
    {
        ShowFlyout = true;
    }
}