CodeBeam.MudBlazor.Extensions/docs/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/TextFieldExtended/Examples/TextFieldExtendedExample1.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
@namespace MudExtensions.Docs.Examples

<MudGrid>
    <MudItem xs="12" sm="8">
        <div class="d-flex gap-4">
            @if (_adornmentStart)
            {
                <MudTextFieldExtended T="string" Immediate="true" Label="@(_showLabel ? "Extended TextField" : null)" Variant="Variant.Text" Margin="@(_dense ? Margin.Dense : Margin.Normal)" Clearable="_clearable">
                    <AdornmentStart>
                        kg
                    </AdornmentStart>
                    <AdornmentEnd>
                        <MudIcon Icon="@Icons.Material.Filled.Menu" />
                    </AdornmentEnd>
                </MudTextFieldExtended>

                <MudTextFieldExtended T="string" Label="@(_showLabel ? "Extended TextField" : null)" Variant="Variant.Outlined" Margin="@(_dense ? Margin.Dense : Margin.Normal)" Clearable="_clearable">
                    <AdornmentStart>
                        <MudText>kg</MudText>
                    </AdornmentStart>
                    <AdornmentEnd>
                        <MudIcon Icon="@Icons.Material.Filled.Menu" />
                    </AdornmentEnd>
                </MudTextFieldExtended>

                <MudTextFieldExtended T="string" Label="@(_showLabel ? "Extended TextField" : null)" Variant="Variant.Filled" Margin="@(_dense ? Margin.Dense : Margin.Normal)" Clearable="_clearable">
                    <AdornmentStart>
                        <MudText>kg</MudText>
                    </AdornmentStart>
                    <AdornmentEnd>
                        <MudIcon Icon="@Icons.Material.Filled.Menu" />
                    </AdornmentEnd>
                </MudTextFieldExtended>
            }
            else
            {
                <MudTextFieldExtended T="string" Label="@(_showLabel ? "Extended TextField" : null)" Variant="Variant.Text" Margin="@(_dense ? Margin.Dense : Margin.Normal)" Clearable="_clearable">
                    <AdornmentEnd>
                        <MudIcon Icon="@Icons.Material.Filled.Menu" />
                    </AdornmentEnd>
                </MudTextFieldExtended>

                <MudTextFieldExtended T="string" Label="@(_showLabel ? "Extended TextField" : null)" Variant="Variant.Outlined" Margin="@(_dense ? Margin.Dense : Margin.Normal)" Clearable="_clearable">
                    <AdornmentEnd>
                        <MudIcon Icon="@Icons.Material.Filled.Menu" />
                    </AdornmentEnd>
                </MudTextFieldExtended>

                <MudTextFieldExtended T="string" Label="@(_showLabel ? "Extended TextField" : null)" Variant="Variant.Filled" Margin="@(_dense ? Margin.Dense : Margin.Normal)" Clearable="_clearable">
                    <AdornmentEnd>
                        <MudIcon Icon="@Icons.Material.Filled.Menu" />
                    </AdornmentEnd>
                </MudTextFieldExtended>
            }
        </div>
    </MudItem>

    <MudItem xs="12" sm="4">
        <MudStack>
            <MudSwitchM3 @bind-Value="_showLabel" Label="Show Label" Color="Color.Secondary" />
            <MudSwitchM3 @bind-Value="_adornmentStart" Label="AdornmentStart" Color="Color.Secondary" />
            <MudSwitchM3 @bind-Value="_dense" Label="Dense" Color="Color.Secondary" />
            <MudSwitchM3 @bind-Value="_clearable" Label="Clearable" Color="Color.Secondary" />
        </MudStack>
    </MudItem>
</MudGrid>

@code {
    bool _showLabel = true;
    bool _adornmentStart = true;
    bool _dense = false;
    bool _clearable = false;
}