Development Components

IcuBlazor has a few simple components that will make your Blazor development delightful.

<ViewOf Model=@myObject>

<ViewOf> will create a display of any data. You can embed this display anywhere in your UI. It takes any object--even nulls.

To create the appropriate visual, ViewOf looks for a component roughly named typeof(myObject)+"View.razor". So if myObject is a System.NullReferenceException then it looks for NullReferenceExceptionView.razor. If that doesn't exist, it moves up the type hierarchy until it finds a match. If all else fails, the default ObjectViewer.razor is used.

Example Usage:

@code {
    int[] intArray = { 2, 5, 23 };
    WeatherCounter.Weather wc = new WeatherCounter.Weather();
    object foo = null;
    Exception ex = new Exception("Oops!");
}

<ViewOf Model=42/>
<ViewOf Model=false/>
<ViewOf Model=null/>
<ViewOf Model=@foo/>
<ViewOf Model=@wc/>
<ViewOf Model=@intArray/>
<ViewOf Model=@ex/>

<ExceptionView Model=@ex>

Based on ViewOf, <ExceptionView> creates an interactive display of the exception. It has the following features:

• The display is in the UI--not printed in the console.
• By clicking on the header, you can toggle between two views.
  1. The standard exception stacktrace
  2. A smaller stacktrace where most "system" lines are removed.

<Debug v=@myVar>

Allows you to see a ViewOf your variable but displayed in a less intrusive DropDown component.

Example Usage:

<Debug v="a String constant"/>
<Debug v=@myComponent.data/>
<Debug v=@myComponent?.data/> // myComponent may be null
<Debug v=@(this.GetType())/>

<MyAwesomeIdea>

IcuBlazor is meant to be extended with a number of components that developers would find useful. What component would love to see? Let us know.