@page "/"
@using Connected.Enums;
@using Connected.Models;
@using Connected.Components;
@using Connected.Services;
@using Connected.Utilities;

@if (loaded)
{
    <h1 style="text-align:center;">Component Example page</h1>

    <ul>
       <li><Link Class="m-1" Url="modal" Text="Modal dialog" Target="Target.Self"  /></li>
       <li><Link Class="m-1" Url="button" Text="Button" Target="Target.Self" /></li>
       <li><Link Class="m-1" Url="datepicker" Text="Date picker" Target="Target.Self" /></li>
       <li><Link Class="m-1" Url="datagrid" Text="Data Grid" Target="Target.Self" /></li>
       <li><Link Class="m-1" Url="toggleglyph" Text="Toggle Glyph Button" Target="Target.Self" /></li>
        <li><Link Class="m-1" Url="formwizard" Text="Form wizzard" Target="Target.Self" /></li>
    </ul>
} else
{
    <h3>Loading...</h3>
}

@code {
    bool loaded = false;

    protected override void OnInitialized()
    {
        loaded=true;
        StateHasChanged();
    }
}