You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1.0 KiB

sidebar_position title
4 Install Blazored.Modal

Using Blazored Modal

Add the Blazored.Modal nuget.

Add service

// highlight-next-line
using Blazored.Modal;

public static async Task Main(string[] args)
{
    ...

// highlight-next-line
    builder.Services.AddBlazoredModal();

    ...
}

Add Imports

@using Blazored.Modal
@using Blazored.Modal.Services

Add CascadingBlazoredModal component around existing Router component

// highlight-next-line
<CascadingBlazoredModal>
    <Router AppAssembly="typeof(Program).Assembly">
        ...
    </Router>
// highlight-next-line
</CascadingBlazoredModal>

Add JavaScript & CSS references

<link href="_content/Blazored.Modal/blazored-modal.css" rel="stylesheet" />
<script src="_content/Blazored.Modal/blazored.modal.js"></script>

Documentation

Link to documentation Blazored.Modal.