Blazor - Component "intellisense" for parameter value

Question

I have a Blazor component with a parameter Position. This parameter should only accept Top or Bottom for values.

Is it possible set up "intellisense" for this, so when value for Position should be entered a pop-up with only these to settings goes out?

Position.cs

public enum Position
{
    Top,
    Bottom
}

MyComponent.razor

@inherits MyComponentBase

<div class="@PositionClass"></div>

MyComponent.razor.cs

public class MyComponentBase : ComponentBase
{
    [Parameter] public Position Position { get; set; } = ToastPosition.TopRight;

    protected string PositionClass { get; set; } = string.Empty;
]

Index.razor

<MyComponent Position="Position.Bottom" />

Vencovsky Vencovsky · Accepted Answer · 2020-03-24T23:29:35

Your problem is here

//    here \/
Position="Position.Bottom"

For the intellisense, you are passing a string because you haven't used the @ symbol.

When typing, you should do Position="(CURSOR IS HERE)" and then type @ so it will get the correct intellisense.

Blazor - Component "intellisense" for parameter value

1 Answers