Skip to content

MudBlazor.Extensions

GitHub Repo stars GitHub Nuget version Nuget downloads

Welcome to the comprehensive documentation for MudBlazor.Extensions - a powerful package that extends the capabilities of the MudBlazor component library with additional components, utilities, and features to accelerate your Blazor application development.

Overview

MudBlazor.Extensions is a convenient package that extends the capabilities of the MudBlazor component library. This documentation provides detailed information about the setup process, components, extensions, and functionalities provided by the package.

Prerequisites

This package requires a MudBlazor project and the referenced MudBlazor package. For more information about MudBlazor, visit the official documentation at mudblazor.com.

Key Features

  • Object Editing

    Automatically generate UI for object editing with validation support

    Learn more

  • File Upload & Display

    Advanced file upload with preview, drag & drop, and cloud integration

    Learn more

  • Dialog Extensions

    Resizable, draggable dialogs with animations and custom buttons

    Learn more

  • Tree View Components

    Enhanced tree view components with breadcrumb navigation

    Learn more

  • Styling Utilities

    CSS and style builders for dynamic styling

    Learn more

  • Rich Utilities

    Color utilities, size helpers, and SVG components

    Learn more

Quick Start

Get started with MudBlazor.Extensions in just a few steps:

1. Installation

Add the NuGet package to your Blazor project:

dotnet add package MudBlazor.Extensions

Or add it to your .csproj file:

<PackageReference Include="MudBlazor.Extensions" Version="*" />

2. Configuration

Update your _Imports.razor:

@using MudBlazor.Extensions
@using MudBlazor.Extensions.Components
@using MudBlazor.Extensions.Components.ObjectEdit

Register services in Program.cs or Startup.cs:

// Add MudServices and MudBlazor.Extensions together
builder.Services.AddMudServicesWithExtensions();

// Or add MudBlazor.Extensions separately (after MudServices)
builder.Services.AddMudExtensions();

3. Start Building

You're ready to use MudBlazor.Extensions components and utilities! Check out the Getting Started guide for detailed setup instructions.

Demo & Try Online

Experience MudBlazor.Extensions in action:

API Reference

📚 Complete API Reference

Browse the full API documentation with detailed information about all components, methods, and properties.

MudExObjectEdit

Robust component for automatic UI generation from your models with built-in validation support:

<MudExObjectEditForm OnValidSubmit="@OnSubmit" Value="@MyModel" />

Learn more about Object Edit →

MudExUploadEdit

Feature-rich file upload component with preview, drag & drop, cloud integration, and more:

<MudExUploadEdit @bind-Files="Files" />

Learn more about Upload Edit →

MudExFileDisplay

Display file contents with automatic handling for various file types:

<MudExFileDisplay FileName="document.pdf" 
                  ContentType="application/pdf" 
                  Url="@fileUrl" />

Learn more about File Display →

Extensions Highlights

Resizable & Draggable Dialogs

Create interactive dialogs with custom behaviors:

var options = new DialogOptionsEx { 
    Resizeable = true, 
    DragMode = MudDialogDragMode.Simple,
    MaximizeButton = true,
    Animation = AnimationType.SlideIn
};
await dialogService.ShowEx<MyDialog>("Title", parameters, options);

Explore Dialog Extensions →

Community & Support

What's Next?

If you find this package helpful, please ⭐ star it on GitHub and share it with your friends!