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. It whispers of the stories waiting to be told, of the thoughts yet to be shaped into meaning, and the emotions ready to resonate with every reader.
In this space, potential reigns supreme. It is a moment suspended in time, where imagination dances freely and each word has the power to transform into something extraordinary. Here lies the start of something new-an opportunity to craft, inspire, and create. Whether it's a tale of adventure, a reflection of truth, or an idea that sparks change, these lines are yours to fill, to shape, and to make uniquely yours. The journey begins here, in this quiet moment where everything is possible.

The accent line along the top edge of the Modal is gone.
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. It whispers of the stories waiting to be told, of the thoughts yet to be shaped into meaning, and the emotions ready to resonate with every reader.
In this space, potential reigns supreme. It is a moment suspended in time, where imagination dances freely and each word has the power to transform into something extraordinary. Here lies the start of something new-an opportunity to craft, inspire, and create. Whether it's a tale of adventure, a reflection of truth, or an idea that sparks change, these lines are yours to fill, to shape, and to make uniquely yours. The journey begins here, in this quiet moment where everything is possible.

``` ```csharp private bool isOpenBasic; private bool isOpenNoBorder; ``` \n**Customizing content**: ```razor Open Modal ``` ```csharp private bool isOpenCustomContent; ``` \n**Header & Footer**: ```razor HeaderText Header template Header & Footer The title, the close button and the room around this text all come from the Modal itself, so nothing here has to lay them out.

Search the docs

A Header template takes whatever the title bar has to hold - here a search box under the title. The footer stays at the bottom of the Modal while this body scrolls between it and the header. ``` ```csharp private bool isOpenHeaderText; private bool isOpenHeaderTemplate; private bool isOpenFooter; ``` \n**Blocking**: ```razor Open blocking Modal ``` ```csharp private bool isOpenBlocking; ``` \n**Keyboard dismiss**: ```razor Escape dismisses Escape does nothing ``` ```csharp private bool isOpenEscape; private bool isOpenNoEscape; ``` \n**Focus management**: ```razor Default focus data-autofocus NoAutoFocus ``` ```csharp private bool isOpenFocus; private bool isOpenNoFocus; private bool isOpenAutoFocus; private readonly Dictionary autoFocusAttributes = new() { { "data-autofocus", true } }; ``` \n**Scroll lock**: ```razor Holds the page NoScrollLock AutoToggleScroll The overflow of the page was taken away while this Modal is open, and is handed back when it closes. ``` ```csharp private bool isOpenScrollLock; private bool isOpenNoScrollLock; private bool isOpenAutoToggleScroll; ``` \n**Sizing**: ```razor MaxWidth Width & Height MaxHeight FullWidth FullHeight FullSize ``` ```csharp private bool isOpenMaxWidth; private bool isOpenMaxHeight; private bool isOpenFixedSize; private bool isOpenFullWidth; private bool isOpenFullHeight; private bool isOpenFullSize; ``` \n**Overlay**: ```razor ModeFull Modeless Carry on with the page while this one is open: it holds neither the pointer, nor the keyboard, nor the scroll. ``` ```csharp private bool isOpenModeFull; private bool isOpenModeless; ``` \n**Position**: ```razor Top Left Center Bottom Right

Position: @position

This Modal is placed by the Position parameter rather than by the middle of the screen. AbsolutePosition AbsolutePosition with its own scroller ``` ```csharp private bool isOpenPosition; private BitPosition position = BitPosition.Center; private void OpenModalInPosition(BitPosition positionValue) { position = positionValue; isOpenPosition = true; } private bool isOpenAbsolute; private bool isOpenAbsoluteScroller; ``` \n**Draggable**: ```razor Draggable DragElementSelector Press anywhere on this Modal and drag it around the screen.

Only the bar above drags this Modal, so this text can still be selected. ``` ```csharp private bool isOpenDraggable; private bool isOpenDragHandle; ``` \n**Accessibility**: ```razor Labelled dialog Alert dialog ``` ```csharp private bool isOpenAlert; private bool isOpenLabelled; ``` \n**Keeping the content**: ```razor KeepMounted Built again each time ``` ```csharp private bool isOpenKeptMounted; private bool isOpenNotKeptMounted; ``` \n**Events**: ```razor Open Modal

Opened? [@isOpened]

Dismissed? [@isDismissed]

Overlay clicked? [@isOverlayClicked]

Escape pressed? [@isEscapePressed]

``` ```csharp private bool isEventsOpen; private bool isOpened; private int openedVersion; private bool isDismissed; private bool isOverlayClicked; private bool isEscapePressed; private async Task HandleOnOpen() { // Each open starts a new countdown: a reopen within the 3 seconds must not be cleared by the reset of the previous one. var version = ++openedVersion; isOpened = true; await Task.Delay(3000); if (version != openedVersion) return; isOpened = false; StateHasChanged(); } private async Task HandleOnDismiss() { isDismissed = true; await Task.Delay(3000); isDismissed = false; } private async Task HandleOnOverlayClick() { isOverlayClicked = true; await Task.Delay(2000); isOverlayClicked = false; } private async Task HandleOnEscapeKeyDown() { isEscapePressed = true; await Task.Delay(2000); isEscapePressed = false; } ``` \n**Programmatic control**: ```razor Open Toggle ``` ```csharp private BitModal refModal = default!; ``` \n**Nested modals**: ```razor Open Modal ``` ```csharp private bool isOpenOuter; private bool isOpenInner; private void HandleNestedDelete() { isOpenInner = false; isOpenOuter = false; } ``` \n**External Icons**: ```razor Open Modal The close button of this Modal wears a FontAwesome icon. ``` ```csharp private bool isOpenExternalIcon; ``` \n**Style & Class**: ```razor Open styled modal Open classed modal Open modal styles Open modal classes Every part of the chrome - the header container, the header, the body and the footer - takes a class of its own. ``` ```csharp private bool isOpenStyle; private bool isOpenClass; private bool isOpenStyles; private bool isOpenClasses; private bool isOpenChromeClasses; ``` \n**RTL**: ```razor

باز کردن مُدال

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.

``` ```csharp private bool isOpenRtl; ```