mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
25 lines
1.5 KiB
Plaintext
25 lines
1.5 KiB
Plaintext
<div class="rz-p-0 rz-p-md-12">
|
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0.5rem" class="rz-p-4 rz-mb-6 rz-border-radius-1" Style="border: var(--rz-grid-cell-border);">
|
|
<RadzenLabel Text="Variant:" />
|
|
<RadzenSelectBar @bind-Value="@variant" TextProperty="Text" ValueProperty="Value" Data="@(Enum.GetValues(typeof(Variant)).Cast<Variant>().Select(t => new { Text = $"{t}", Value = t }))" Size="ButtonSize.Small" class="rz-display-none rz-display-xl-flex" />
|
|
<RadzenDropDown @bind-Value="@variant" TextProperty="Text" ValueProperty="Value" Data="@(Enum.GetValues(typeof(Variant)).Cast<Variant>().Select(t => new { Text = $"{t}", Value = t }))" class="rz-display-inline-flex rz-display-xl-none" />
|
|
</RadzenStack>
|
|
|
|
<RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.End" JustifyContent="JustifyContent.Center" Wrap="FlexWrap.Wrap" Gap="1rem" class="rz-p-sm-12">
|
|
<RadzenFormField Text="Card Number" Variant="@variant">
|
|
<Start>
|
|
<RadzenIcon Icon="credit_card" />
|
|
</Start>
|
|
<ChildContent>
|
|
<RadzenMask Mask="**** **** **** ****" CharacterPattern="[0-9]" Placeholder="0000 0000 0000 0000" Name="CardNr" />
|
|
</ChildContent>
|
|
<Helper>
|
|
<RadzenText TextStyle="TextStyle.Caption">* required</RadzenText>
|
|
</Helper>
|
|
</RadzenFormField>
|
|
</RadzenStack>
|
|
</div>
|
|
|
|
@code {
|
|
Variant variant = Variant.Outlined;
|
|
} |