Custom labels Single action Gated Ok

``` ```csharp private bool isOpenLabels; private bool isOpenAcknowledge; private bool isOpenGated; private bool agreed; ``` \n**Header & footer**: ```razor

Subtitle HeaderTemplate FooterTemplate

``` ```csharp private bool isOpenSubtitle; private bool isOpenHeaderTemplate; private bool isOpenFooterTemplate; ``` \n**Custom content**: ```razor Open Dialog

Selected option: @(optionValue ?? "-")

All emails together

Your inbox has changed: it no longer includes favorites, it is a single destination for all your emails.

``` ```csharp private bool isOpenCustom; private string? optionValue; ``` \n**Result**: ```razor

Open Dialog Show and await

Result: @(resultDialogRef?.Result?.ToString() ?? "-"), reason: @(resultDialogRef?.DismissReason?.ToString() ?? "-")

Awaited result: @awaitedResult

``` ```csharp private bool isOpenResult; private BitDialog resultDialogRef = default!; private BitDialog awaitDialogRef = default!; private string awaitedResult = "-"; private async Task ShowAndAwait() { var result = await awaitDialogRef.Show(); awaitedResult = result?.ToString() ?? "(dismissed)"; } ``` \n**Events**: ```razor Open Dialog

Last event: @lastEvent

``` ```csharp private bool isOpenEvents; private string lastEvent = "-"; private async Task HandleSlowOk() { lastEvent = "OnOk (working...)"; await Task.Delay(1000); lastEvent = "OnOk"; } ``` \n**Dismiss behavior**: ```razor

Blocking CloseOnOverlayClick="false" CloseOnEscape="false" Modeless

``` ```csharp private bool isOpenBlocking; private bool isOpenNoOverlayClick; private bool isOpenNoEscape; private bool isOpenModeless; private string? preventedHint; ``` \n**Guarded close**: ```razor Open Dialog

Last refused: @refusedGesture

``` ```csharp private bool hasUnsavedChanges = true; private bool isOpenGuarded; private string? guardedHint; private string refusedGesture = "-"; 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 AutoFocus & TrapFocus off AutoFocusButton AutoFocusSelector

What can a guest see?

``` ```csharp private bool isOpenFocus; private bool isOpenNoFocus; private bool isOpenFocusCancel; private bool isOpenFocusSelector; ``` \n**Position**: ```razor

@foreach (var pos in dialogPositions) { @pos }

``` ```csharp private bool isOpenPosition; private BitPosition position; private readonly BitPosition[] dialogPositions = [ BitPosition.TopLeft, BitPosition.TopCenter, BitPosition.TopRight, BitPosition.CenterLeft, BitPosition.Center, BitPosition.CenterRight, BitPosition.BottomLeft, BitPosition.BottomCenter, BitPosition.BottomRight, ]; private void OpenDialogInPosition(BitPosition value) { position = value; isOpenPosition = true; } ``` \n**Absolute position & scroll lock**: ```razor

AutoToggleScroll AbsolutePosition

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. Imagine this text as the scaffolding of something remarkable, a foundation upon which connections and inspirations will be built. Soon, these lines will transform into narratives that provoke thought, spark emotion, and resonate with those who encounter them.
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. The spaces here are open for growth, for ideas that change minds and spark emotions. This is where the journey begins.
In the beginning, there is silence, a blank canvas yearning to be filled, a quiet space where creativity waits to awaken. These words are temporary, standing in place of ideas yet to come, a glimpse into the infinite possibilities that lie ahead. Think of this text as a bridge, connecting the empty spaces of now with the vibrant narratives of tomorrow.

``` ```csharp private bool isOpenScrollLock; private bool isOpenAbsolute; ``` \n**Draggable**: ```razor

Header handle DragElementSelector

Drag me by this bar

The bar above is the handle; the button inside it still closes the Dialog.

``` ```csharp private bool isDraggable = true; private bool isOpenDraggable; private bool isOpenDragHandle; ``` \n**Nested dialogs**: ```razor Open Dialog

What changed?

``` ```csharp private bool isOpenOuter; private bool isOpenInner; private readonly List> audienceItems = [ new() { Text = "Everyone", Value = "all" }, new() { Text = "Editors", Value = "editors" }, new() { Text = "Reviewers", Value = "reviewers" }, new() { Text = "Nobody", Value = "none" } ]; ``` \n**Keep mounted**: ```razor

KeepMounted Default

``` ```csharp private bool isOpenKeptMounted; private bool isOpenUnmounted; ``` \n**Programmatic control**: ```razor

Open Toggle

``` ```csharp private BitDialog programmaticDialogRef = default!; ``` \n**Cascading parameters**: ```razor

Delete file Delete folder

``` ```csharp private bool isOpenCascadedFile; private bool isOpenCascadedFolder; private readonly BitDialogParams[] dialogParams = [ new() { OkText = "Delete", CancelText = "Keep", ShowCloseButton = false, CloseOnOverlayClick = false, AutoFocusButton = BitDialogButton.Cancel, Position = BitPosition.TopCenter, } ]; ``` \n**Color**: ```razor

@foreach (var color in dialogColors) { @color }

``` ```csharp private bool isOpenColor; 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

CloseIconName FontAwesome Bootstrap Css

``` ```csharp private bool isOpenIconName; private bool isOpenIconFa; private bool isOpenIconBi; private bool isOpenIconCss; ``` \n**Size**: ```razor

Width MinWidth & MaxWidth Height FullWidth FullSize

``` ```csharp private bool isOpenWidth; private bool isOpenResponsive; private bool isOpenHeight; private bool isOpenFullWidth; private bool isOpenFullSize; ``` \n**Style & Class**: ```razor

Styles Classes CSS variables

``` ```csharp private bool isOpenStyles; private bool isOpenClasses; private bool isOpenCssVariables; ``` \n**RTL**: ```razor

باز کردن پنجره پیام TopStart TopLeft

``` ```csharp private bool isOpenRtl; private bool isOpenRtlStart; private bool isOpenRtlLeft; ```