CodeBeam.MudBlazor.Extensions/docs/CodeBeam.MudBlazor.Extensions.Docs/Pages/VisualTest.razor at 1ef1e2b95e60968fc8936582f4fcadc8e2be3619 · CodeBeamOrg/CodeBeam.MudBlazor.Extensions · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
@page "/visualtest"

<MudContainer Class="gap-4" MaxWidth="MaxWidth.Medium">
    <MudStack Row="true">
        <MudSelect T="string" Margin="@(_margin ? Margin.Dense : Margin.Normal)" Dense="@_dense" Variant="@_variant" Label="@(_label ? "Select" : null)" Placeholder="@(_placeholder ? "Placeholder" : null)" Clearable>
            @foreach (var item in _states)
            {
                <MudSelectItem Value="@item">@item</MudSelectItem>
            }
        </MudSelect>
        <MudSelectExtended T="string" Margin="@(_margin ? Margin.Dense : Margin.Normal)" Dense="@_dense" Variant="@_variant" Label="@(_label ? "SelectExt" : null)" Placeholder="@(_placeholder ? "Placeholder" : null)" Clearable>
            @foreach (var item in _states)
            {
                <MudSelectItemExtended Value="@item">@item</MudSelectItemExtended>
            }
        </MudSelectExtended>

        <MudComboBox T="string" Margin="@(_margin ? Margin.Dense : Margin.Normal)" Variant="@_variant" Label="@(_label ? "Combobox" : null)" Placeholder="@(_placeholder ? "Placeholder" : null)" Clearable>
            @foreach (var item in _states)
            {
                <MudComboBoxItem Value="@item">@item</MudComboBoxItem>
            }
        </MudComboBox>
    </MudStack>

    <MudStack Row="true">
        <MudTextField T="string" Margin="@(_margin ? Margin.Dense : Margin.Normal)" Dense="@_dense" Variant="@_variant" Label="@(_label ? "Text Field" : null)" Placeholder="@(_placeholder ? "Placeholder" : null)" Clearable />
        <MudTextFieldExtended T="string" Margin="@(_margin ? Margin.Dense : Margin.Normal)" Dense="@_dense" Variant="@_variant" Label="@(_label ? "Text Field Ext" : null)" Placeholder="@(_placeholder ? "Placeholder" : null)" Clearable />
    </MudStack>

    <MudStack>
        <MudSelectExtended @bind-Value="@_testValue" ItemCollection="@_states" Label="Adornment Test" Variant="Variant.Text" Clearable />
        <MudSelectExtended @bind-Value="@_testValue" ItemCollection="@_states" Label="Adornment Test" Variant="Variant.Outlined" Clearable />
        <MudSelectExtended @bind-Value="@_testValue" ItemCollection="@_states" Label="Adornment Test" Variant="Variant.Filled" Clearable />
        <MudSelectExtended @bind-Value="@_testValue" ItemCollection="@_states" Label="Adornment Test" Variant="Variant.Text" Clearable>
            <AdornmentStart>abc</AdornmentStart>
        </MudSelectExtended>
        <MudSelectExtended @bind-Value="@_testValue" ItemCollection="@_states" Label="Adornment Test" Variant="Variant.Outlined" Clearable>
            <AdornmentStart>abc</AdornmentStart>
        </MudSelectExtended>
        <MudSelectExtended @bind-Value="@_testValue" ItemCollection="@_states" Label="Adornment Test" Variant="Variant.Filled" Clearable>
            <AdornmentStart>abc</AdornmentStart>
        </MudSelectExtended>
    </MudStack>

    <MudStack>
        <MudSwitchM3 @bind-Value="_dense" Label="Dense" />
        <MudSwitchM3 @bind-Value="_margin" Label="Margin" />
        <MudSwitchM3 @bind-Value="_label" Label="Label" />
        <MudSwitchM3 @bind-Value="_placeholder" Label="Placeholder" />
        <MudSelectExtended @bind-Value="_variant" Label="Variant" Variant="Variant.Outlined" Margin="Margin.Dense">
            @foreach (var item in Enum.GetValues<Variant>())
            {
                <MudSelectItemExtended Value="@item">@item</MudSelectItemExtended>
            }
        </MudSelectExtended>
    </MudStack>
</MudContainer>

@code {
    private bool _dense;
    private bool _margin;
    private bool _label = true;
    private bool _placeholder;
    private Variant _variant;
    private string? _testValue;

    private string[] _states =
    {
        "Alabama", "Alaska", "American Samoa", "Arizona",
        "Arkansas", "California", "Colorado", "Connecticut",
        "Delaware", "District of Columbia", "Federated States of Micronesia",
        "Florida", "Georgia", "Guam", "Hawaii", "Idaho",
        "Illinois", "Indiana", "Iowa", "Kansas", "Kentucky",
        "Louisiana", "Maine", "Marshall Islands", "Maryland",
        "Massachusetts", "Michigan", "Minnesota", "Mississippi",
        "Missouri", "Montana", "Nebraska", "Nevada",
        "New Hampshire", "New Jersey", "New Mexico", "New York",
        "North Carolina", "North Dakota", "Northern Mariana Islands", "Ohio",
        "Oklahoma", "Oregon", "Palau", "Pennsylvania", "Puerto Rico",
        "Rhode Island", "South Carolina", "South Dakota", "Tennessee",
        "Texas", "Utah", "Vermont", "Virgin Island", "Virginia",
        "Washington", "West Virginia", "Wisconsin", "Wyoming",
    };
}