Tech.UI.Modal 1.0.0

// index.html or _Host.cshtml or _Layout.cshtml or If Project WebServer in App.razor
<link href="_content/Tech.UI.Modal/css/modal.css" rel="stylesheet" />

// If Project WebServer in App.razor 
<HeadOutlet @rendermode="InteractiveServer" />
<Routes @rendermode="InteractiveServer" />

 // _Imports.razor
@using Tech.UI.Modal.Components
@using Tech.UI.Modal.Services


 // App.razor or MainLayout.razor or If Project WebServer in Routes.razor 
<TechModalRazor />

 // Program.cs
using Tech.UI.Modal.Services;
builder.Services.AddTechModalServices();


 // In Blazor component
@inject TechModalService _techModalService

// Example Code
<h3>Modal Test</h3>

<button class="btn btn-primary" @onclick="OpenModalSmall">Open Small Modal A�</button>
<hr />
<button class="btn btn-info" @onclick="OpenModalMedium">Open Medium Modal A�</button>
<hr />
<button class="btn btn-warning" @onclick="OpenModalLarge">Open Large Modal A�</button>
<hr />
<button class="btn btn-danger" @onclick="OpenModalFull">Open Full Screen Modal A�</button>
<hr />
<button class="btn btn-secondary" @onclick="OpenParameterModal">Open Parameter Modal A�</button>
<hr />
<button class="btn btn-light" @onclick="OpenBackdropClickFalseModal">Open Backdrop Click False Modal A�</button>
<hr />
<button class="btn btn-dark" @onclick="OpenCloseButtonHideModal">Open Close Button Hide Modal A�</button>

@code {
	// You can use your own modal component instead of BaseExampleModal is Component.razor
	void OpenModalSmall()
	{
		var parameters = new ModalParameters
		{
			Title = "Small Modal",
			Size = ModalSize.Small,
			CloseOnBackdropClick = true,
			ShowCloseButton = true,
		};

		_techModalService.Show<BaseExampleModal>(parameters); // You can use your own modal component instead of BaseExampleModal is Component.razor
	}
	void OpenModalMedium()
	{
		var parameters = new ModalParameters
		{
			Title = "Medium Modal",
			Size = ModalSize.Medium,
			CloseOnBackdropClick = true,
			ShowCloseButton = true,
		};

		_techModalService.Show<BaseExampleModal>(parameters);
	}
	void OpenModalLarge()
	{
		var parameters = new ModalParameters
		{
			Title = "Large Modal",
			Size = ModalSize.Large,
			CloseOnBackdropClick = true,
			ShowCloseButton = true,
		};

		_techModalService.Show<BaseExampleModal>(parameters);
	}
	void OpenModalFull()
	{
		var parameters = new ModalParameters
		{
			Title = "Full Screen Modal",
			Size = ModalSize.Full,
			CloseOnBackdropClick = true,
			ShowCloseButton = true,
		};

		_techModalService.Show<BaseExampleModal>(parameters);
	}

	void OpenParameterModal()
	{
		var parameters = new ModalParameters
		{
			Title = "Parameter Modal",
			Size = ModalSize.Medium,
			CloseOnBackdropClick = true,
			ShowCloseButton = true,
			Parameters = new Dictionary<string, object>
			{
				{ "UserId", Guid.NewGuid().ToString() },
				{ "FullName", "Technixien !" }
			}
		};

		_techModalService.Show<ParameterExampleModal>(parameters);
	}
	void OpenBackdropClickFalseModal()
	{
		var parameters = new ModalParameters
		{
			Title = "Backdrop Click False Modal",
			Size = ModalSize.Medium,
			CloseOnBackdropClick = false,
			ShowCloseButton = true,
		};

		_techModalService.Show<BaseExampleModal>(parameters);
	}
	void OpenCloseButtonHideModal()
	{
		var parameters = new ModalParameters
		{
			Title = "Close Button Hide Modal",
			Size = ModalSize.Medium,
			CloseOnBackdropClick = true,
			ShowCloseButton = false,
		};

		_techModalService.Show<BaseExampleModal>(parameters);
	}
}