mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
28 lines
1.0 KiB
Plaintext
28 lines
1.0 KiB
Plaintext
<RadzenStack Gap="1rem" class="rz-p-0 rz-p-md-12">
|
|
<RadzenStack Orientation="Orientation.Vertical" Gap="0.5rem">
|
|
<RadzenLabel Text="First Name" Component="FirstNameInput" />
|
|
<RadzenTextBox Name="FirstNameInput" @bind-Value=@firstName Placeholder="Enter your first name" />
|
|
</RadzenStack>
|
|
|
|
<RadzenStack Orientation="Orientation.Vertical" Gap="0.5rem">
|
|
<RadzenLabel Text="Email Address" Component="EmailInput" />
|
|
<RadzenTextBox Name="EmailInput" @bind-Value=@email Placeholder="your.email@example.com" />
|
|
</RadzenStack>
|
|
|
|
<RadzenStack Orientation="Orientation.Vertical" Gap="0.5rem">
|
|
<RadzenLabel Text="Password" Component="PasswordInput" />
|
|
<RadzenPassword Name="PasswordInput" @bind-Value=@password />
|
|
</RadzenStack>
|
|
|
|
<RadzenText TextStyle="TextStyle.Caption" class="rz-mt-2">
|
|
Click on any label to focus its associated input field.
|
|
</RadzenText>
|
|
</RadzenStack>
|
|
|
|
@code {
|
|
string firstName = "";
|
|
string email = "";
|
|
string password = "";
|
|
}
|
|
|