https://github.com/saileshrijal/blazoreasydialog
BlazorEasyDialog is a lightweight and easy-to-use dialog component for Blazor applications, completely free from JavaScript dependencies.
https://github.com/saileshrijal/blazoreasydialog
Last synced: about 2 months ago
JSON representation
BlazorEasyDialog is a lightweight and easy-to-use dialog component for Blazor applications, completely free from JavaScript dependencies.
- Host: GitHub
- URL: https://github.com/saileshrijal/blazoreasydialog
- Owner: saileshrijal
- License: mit
- Created: 2024-09-29T17:37:45.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-09-29T17:38:50.000Z (8 months ago)
- Last Synced: 2025-03-24T14:09:31.312Z (2 months ago)
- Language: CSS
- Homepage:
- Size: 25.1 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# BlazorEasyDialog
BlazorEasyDialog is a simple, JavaScript-free dialog component for Blazor applications. It allows you to easily create and customize dialogs without relying on external JavaScript libraries.
## Features
- Create dialogs without writing JavaScript
- Customize dialog appearance and behavior
- Easily integrate dialogs into existing Blazor applications
## Installation
**1. Add the nuget package in your Blazor project**
```bash
> dotnet add package BlazorEasyDialog
OR
PM> Install-Package BlazorEasyDialog
```
**2. Add css link in head of index.html**
```bash
```
**3. Add the following line in your _Imports.razor**
```bash
@using BlazorEasyDialog.Components
```
## Usage/Examples
**1. Home.razor**
```csharp
ShowDialog = true">Open
@page "/"
@TextValue
ShowDialog =true">Open
This is a dialog body!!
```
**2. Home.razor.cs**
```csharp
using Microsoft.AspNetCore.Components;
namespace BlazorEasyDialog.Sample.Pages;
public partial class Home : ComponentBase
{
public string TextValue { get; set; }
public bool ShowDialog { get; set; }
private void OnSubmit(bool isSuccess)
{
TextValue = isSuccess ? "Success" : "Not success";
ShowDialog = false;
}
}
```