TnTComponents.AspNetCore 1.1.1

.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher. 
dotnet add package TnTComponents.AspNetCore --version 1.1.1                

                    
                

            
NuGet\Install-Package TnTComponents.AspNetCore -Version 1.1.1
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="TnTComponents.AspNetCore" Version="1.1.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add TnTComponents.AspNetCore --version 1.1.1                

                    
                

            
#r "nuget: TnTComponents.AspNetCore, 1.1.1"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install TnTComponents.AspNetCore as a Cake Addin
#addin nuget:?package=TnTComponents.AspNetCore&version=1.1.1

// Install TnTComponents.AspNetCore as a Cake Tool
#tool nuget:?package=TnTComponents.AspNetCore&version=1.1.1

TnTComponents

TnTComponents is a Blazor WebAssembly project that provides a set of reusable UI components for building modern web applications based on Google's Material 3 spec. The components are designed to be highly customizable and easy to use.

Features

  • Form Components: Includes various form components like TnTInputFile with advanced features.
  • Toast Notifications: Provides a service for displaying toast notifications with different styles and messages.
  • Theming: Supports theming with customizable color schemes and styles.
  • Grid: A data grid component modified from FluentDataGrid.
  • Scheduler: A scheduler component with week view and event management.

Getting Started

Prerequisites

  • .NET 8 or .NET 9 SDK

Building the Project

  1. Restore the NuGet packages:
dotnet restore
  1. Build the solution:
dotnet build

Usage

In your program.cs file add the following code for both ASP.NET apps and WASM applications.

builder.AddTnTComponents();

If you are using an ASP.NET application with an API, you will need to add the TnTComponents.AspNetCore package to your project. This package provides custom bindings for virtualization and pagination of the data grid.

Theming

Themes can be generated using Google's Material 3 designer. Export your theme as a json file and drop it in the wwwroot folder. Inside your App.razor file, add the following code:

    <TnTComponents.TnTThemeDesign ThemeFile="{Name of your .json file}" />

Dark, light, and system themes can be applied by setting the Theme property of the TnTThemeDesign component.

Contributing

Contributions are welcome!

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.1.1 16 1/24/2025
1.0.1 296 12/23/2024