MatBlazor/src/MatBlazor.Demo/Demo/DemoAutocomplete.razor at fa453ee33ed4573662396adf62336b84490dc05f · SamProf/MatBlazor · 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
<DocMatAutocomplete></DocMatAutocomplete>


<MatH3>This component is in progress, use MatAutocompleteList instead!</MatH3>


<h5 class="mat-h5">Example</h5>
<DemoContainer>
    <Content>
        <MatAutocomplete Items="@options" Label="Pick one" @bind-Value="@value"></MatAutocomplete>

        @code
        {

            string value;

            string[] options = new[]
            {
                "One",
                "Two",
                "Three"
            };

        }

    </Content>
    <SourceContent>
        <BlazorFiddle Template="MatBlazor" Code=@(@"
        <MatAutocomplete Items=""@options"" Label=""Pick one"" @bind-Value=""@value""></MatAutocomplete>

        @code
        {

            string value;

            string[] options = new[]
            {
                ""One"",
                ""Two"",
                ""Three""
            };

        }

    ")></BlazorFiddle>
    </SourceContent>
</DemoContainer>