mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
24 lines
1.6 KiB
Plaintext
24 lines
1.6 KiB
Plaintext
<RadzenStack Gap="1rem" class="rz-p-sm-12">
|
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.Center" Gap="0.5rem">
|
|
<RadzenLabel Text="Large" Style="width: 80px;" />
|
|
<RadzenAutoComplete @bind-Value=@value Data=@items Placeholder="Type 'Item'..." InputSize="InputSize.Large" Style="width: 100%; max-width: 400px;" />
|
|
</RadzenStack>
|
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.Center" Gap="0.5rem">
|
|
<RadzenLabel Text="Medium" Style="width: 80px;" />
|
|
<RadzenAutoComplete @bind-Value=@value Data=@items Placeholder="Type 'Item'..." InputSize="InputSize.Medium" Style="width: 100%; max-width: 400px;" />
|
|
</RadzenStack>
|
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.Center" Gap="0.5rem">
|
|
<RadzenLabel Text="Small" Style="width: 80px;" />
|
|
<RadzenAutoComplete @bind-Value=@value Data=@items Placeholder="Type 'Item'..." InputSize="InputSize.Small" Style="width: 100%; max-width: 400px;" />
|
|
</RadzenStack>
|
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.Center" Gap="0.5rem">
|
|
<RadzenLabel Text="Extra Small" Style="width: 80px;" />
|
|
<RadzenAutoComplete @bind-Value=@value Data=@items Placeholder="Type 'Item'..." InputSize="InputSize.ExtraSmall" Style="width: 100%; max-width: 400px;" />
|
|
</RadzenStack>
|
|
</RadzenStack>
|
|
|
|
@code {
|
|
string value;
|
|
IEnumerable<string> items = new[] { "Item 1", "Item 2", "Item 3" };
|
|
}
|