Lazy Loading Example

Loading Menu on Click

This example showcases how to load the menu on click instead of having a static list of actions.

This is accomplished by:

  • Using the @bind-IsActive:after parameter to trigger an async method.
  • Loading the menu items in the async method.
  • Setting the IsHoverable parameter to false so the menu open on hover only by clicking on the trigger button.
  • Applying .is-loading to TriggerButtonCss when IsActive == true && LoadedMenuItems == null

Some Web Page

An unhandled error has occurred. Reload 🗙