``` ```csharp private bool isOpenLabels = false; private bool isOpenAcknowledge = false; private bool isOpenNoClose = false; private bool isOpenGated = false; private bool agreed = false; ``` \n**Header & footer**: ```razor Title & subtitle Header template Footer template ``` ```csharp private bool isOpenSubtitle = false; private bool isOpenHeaderTemplate = false; private bool isOpenFooterTemplate = false; ``` \n**Custom content**: ```razor Open Dialog

Result is: @customDialogRef?.Result

@if (customDialogRef?.Result == BitDialogResult.Ok) {

Value is: @optionValue

}

All emails together

Your Inbox has changed. No longer does it include favorites, it is a singular destination for your emails.

``` ```csharp private bool IsOpen2 = false; private string? optionValue; private BitDialog customDialogRef = default!; ``` \n**Result**: ```razor Open Dialog

Result is: @(dialogRef?.Result?.ToString() ?? "(none yet)")

Dismiss reason is: @(dialogRef?.DismissReason?.ToString() ?? "-")

Show and await Awaited result is: @awaitedResultText ``` ```csharp private bool IsOpen1 = false; private BitDialog dialogRef = default!; private BitDialog awaitDialogRef = default!; private string awaitedResultText = "(not shown yet)"; private async Task ShowAndAwait() { var result = await awaitDialogRef.Show(); awaitedResultText = result?.ToString() ?? "(dismissed)"; } ``` \n**Events**: ```razor Open Dialog

Last event: @lastEvent

``` ```csharp private bool IsOpenEvent = false; private string lastEvent = "-"; private async Task HandleSlowOk() { lastEvent = "OnOk (working...)"; await Task.Delay(1000); lastEvent = "OnOk"; } ``` \n**Dismiss behavior**: ```razor IsBlocking CloseOnEscape = false IsModeless Blocking with a hint ``` ```csharp private bool IsOpen4 = false; private bool isOpenNoEscape = false; private bool isOpenModeless = false; private bool isOpenPrevented = false; private string? preventedHint; ``` \n**Guarded close**: ```razor Open Dialog

Last refused gesture: @refusedGesture

Result is: @(guardedDialogRef?.Result?.ToString() ?? "(none yet)")

``` ```csharp private bool hasUnsavedChanges = true; private bool isOpenGuarded = false; private string? guardedHint; private string refusedGesture = "-"; private BitDialog guardedDialogRef = default!; private void HandleDismissing(BitDialogDismissArgs args) { // Save is the way out that is always let through, so the Dialog is never a trap. args.Cancel = hasUnsavedChanges && args.Reason is not BitDialogDismissReason.OkButton; } ``` \n**Focus management**: ```razor Default focus behavior AutoFocus & TrapFocus off

Focus the safe answer Focus a field of your own

What can a guest see?

``` ```csharp private bool isOpenFocus = false; private bool isOpenNoFocus = false; private bool isOpenFocusCancel = false; private bool isOpenFocusSelector = false; ``` \n**Absolute position**: ```razor Open Dialog

Every story starts with a blank canvas, a quiet space waiting to be filled with ideas, emotions, and dreams. These placeholder words symbolize the beginning-a moment of possibility where creativity has yet to take shape.

``` ```csharp private bool IsOpen6 = false; ``` \n**Scroll locking**: ```razor AutoToggleScroll ScrollerSelector

Once upon a time, stories wove connections between people, a symphony of voices crafting shared dreams. Each word carried meaning, each pause brought understanding. Placeholder text reminds us of that moment when possibilities are limitless, waiting for content to emerge.

``` ```csharp private bool IsOpen5 = false; private bool IsOpen7 = false; ``` \n**Position**: ```razor Top Left Top Center Top Right Center Left Center Center Right Bottom Left Bottom Center Bottom Right TopLeft TopStart ``` ```csharp private bool IsOpenInPosition = false; private BitDialogPosition position; private bool isOpenPhysical = false; private bool isOpenLogical = false; private void OpenDialogInPosition(BitDialogPosition positionValue) { IsOpenInPosition = true; position = positionValue; } ``` \n**Draggable**: ```razor Open Dialog Open Dialog

Draggable Dialog with custom drag element

``` ```csharp private bool IsDraggable = false; private bool IsOpen8 = false; private bool IsOpen9 = false; ``` \n**Nested dialogs**: ```razor Open Dialog

What changed?

``` ```csharp private bool isOpenOuter = false; private bool isOpenInner = false; ``` \n**Keep mounted**: ```razor KeepMounted Default

``` ```csharp private bool isOpenKeptMounted = false; private bool isOpenUnmounted = false; ``` \n**Programmatic control**: ```razor Open Toggle ``` ```csharp private BitDialog programmaticDialogRef = default!; ``` \n**Color**: ```razor @foreach (var color in dialogColors) { @color } ``` ```csharp private bool isOpenColor = false; private BitColor dialogColor = BitColor.Primary; private readonly BitColor[] dialogColors = Enum.GetValues(); private void OpenDialogInColor(BitColor color) { dialogColor = color; isOpenColor = true; } private async Task HandleColorOk() { await Task.Delay(1000); } ``` \n**External Icons**: ```razor Open Dialog (CloseIcon = fa) Open Dialog (CloseIcon = Css) Open Dialog (CloseIcon = Bi) Open Dialog (CloseIconName) ``` ```csharp private bool IsOpenExtIcon1 = false; private bool IsOpenExtIcon2 = false; private bool IsOpenExtIcon3 = false; private bool IsOpenExtIcon4 = false; ``` \n**Size**: ```razor Width MaxWidth & MinWidth Height & MaxHeight FullWidth FullSize

The surface keeps its height whatever it holds, and the body scrolls inside it while the header above and the buttons below stay where they are.

``` ```csharp private bool isOpenSized = false; private bool isOpenResponsive = false; private bool isOpenTall = false; private bool isOpenFullWidth = false; private bool isOpenFullSize = false; ``` \n**Style & Class**: ```razor Styles Classes ``` ```csharp private bool isOpenStyles = false; private bool isOpenClasses = false; ``` \n**RTL**: ```razor باز کردن پنجره پیام ``` ```csharp private bool IsOpen10 = false; ```