Submit Reset Button

Submit from outside the form @if (formIsValidSubmit) { The form submitted successfully. } ``` ```csharp public class ButtonValidationModel { [Required] public string RequiredText { get; set; } = string.Empty; public string? NonRequiredText { get; set; } } private bool formIsValidSubmit; private ButtonValidationModel buttonValidationModel = new(); private async Task HandleValidSubmit() { formIsValidSubmit = true; await Task.Delay(2000); buttonValidationModel = new(); formIsValidSubmit = false; } private void HandleInvalidSubmit() { formIsValidSubmit = false; } ``` \n**FullWidth & NoWrap**: ```razor

Settings Notifications Privacy

Notifications, sounds and background activity Notifications, sounds and background activity

``` \n**Loading**: ```razor Save changes Send message AutoLoading LoadingLabel LoadingDelay Guarded (@guardedClickCount) Reclickable (@reclickableClickCount) Download Downloading... ``` ```csharp private bool isLoading; private bool templateIsLoading; private int guardedClickCount; private int reclickableClickCount; private async Task HandleAutoLoadingClick() { await Task.Delay(2000); } private async Task HandleGuardedClick() { guardedClickCount++; await Task.Delay(2000); } private async Task HandleReclickableClick() { reclickableClickCount++; await Task.Delay(2000); } ``` \n**Underlined**: ```razor Link style Open GitHub More info

Everything here is covered by the terms of service , which you accept by continuing.

``` \n**Events**: ```razor Click me (@clickCounter)

Row clicks: @rowClickCount | Button clicks: @innerClickCount Bubbles up StopPropagation

``` ```csharp private int clickCounter; private int rowClickCount; private int innerClickCount; ``` \n**Accessibility**: ```razor Hover me Download the brand guidelines Disabled (skipped by Tab) Disabled (still focusable) Focus the next button Focus lands here ``` ```csharp private BitActionButton focusTargetRef = default!; ``` \n**Cascading parameters**: ```razor Takes the icon position, the underline, and the target from the cascade So does this one, without repeating any of it Its own Underlined, the cascaded rest Outside the cascade, and back to the defaults ``` ```csharp private readonly BitActionButtonParams[] actionButtonParams = [ new() { Underlined = true, IconPosition = BitIconPosition.End, Target = "_blank", } ]; ``` \n**Color**: ```razor Primary Primary Secondary Secondary Tertiary Tertiary Info Info Success Success Warning Warning SevereWarning SevereWarning Error Error

PrimaryBackground PrimaryBackground SecondaryBackground SecondaryBackground TertiaryBackground TertiaryBackground

PrimaryForeground PrimaryForeground SecondaryForeground SecondaryForeground TertiaryForeground TertiaryForeground PrimaryBorder PrimaryBorder SecondaryBorder SecondaryBorder TertiaryBorder TertiaryBorder Primary Secondary Tertiary Info Success Warning SevereWarning Error

PrimaryBackground SecondaryBackground TertiaryBackground

PrimaryForeground SecondaryForeground TertiaryForeground PrimaryBorder SecondaryBorder TertiaryBorder ``` \n**External Icons**: ```razor House (Icon=@@("fa-solid fa-house")) Heart (Icon="@@BitIconInfo.Css("fa-solid fa-heart")") GitHub (Icon="@@BitIconInfo.Fa("fa-brands fa-github")") Rocket (Icon="@@BitIconInfo.Fa("solid rocket")") House (Icon=@@("bi bi-house-fill")) Heart (Icon="@@BitIconInfo.Css("bi bi-heart-fill")") GitHub (Icon="@@BitIconInfo.Bi("github")") Gear (Icon="@@BitIconInfo.Bi("gear-fill")") bit platform Large, click to load ``` \n**Size**: ```razor Small Medium Large ``` \n**Style & Class**: ```razor Action Button Styles Action Button Classes (Hover me) Colored text, custom icon color Hover me for a state layer Big icon, wide gap, no padding

New Edit Share Delete

``` \n**RTL**: ```razor

ساخت حساب ادامه

```