TnTComponents.Extensions
1.2.4-rc
See the version list below for details.
dotnet add package TnTComponents.Extensions --version 1.2.4-rc
NuGet\Install-Package TnTComponents.Extensions -Version 1.2.4-rc
<PackageReference Include="TnTComponents.Extensions" Version="1.2.4-rc" />
<PackageVersion Include="TnTComponents.Extensions" Version="1.2.4-rc" />
<PackageReference Include="TnTComponents.Extensions" />
paket add TnTComponents.Extensions --version 1.2.4-rc
#r "nuget: TnTComponents.Extensions, 1.2.4-rc"
#:package TnTComponents.Extensions@1.2.4-rc
#addin nuget:?package=TnTComponents.Extensions&version=1.2.4-rc&prerelease
#tool nuget:?package=TnTComponents.Extensions&version=1.2.4-rc&prerelease
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 9 or .NET 10 SDK
Install
Install from NuGet (package id: TnTComponents
):
dotnet add package TnTComponents
Or add the package reference in your project file.
Building the Project
- Restore the NuGet packages:
dotnet restore
- Build the solution:
dotnet build
Usage
In your Program.cs
file add the following to register any library services (see LiveTest
for examples):
// builder is the WebAssemblyHostBuilder or WebApplicationBuilder
builder.Services.AddTnTComponents();
Then use components in your pages (see LiveTest
samples for exact component names and parameters):
@page "/"
<h3>Example</h3>
<TnTButton OnClick="() => Console.WriteLine("Clicked")">Click me</TnTButton>
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="your-theme.json" />
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 | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | 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. net10.0 is compatible. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net10.0
- TnTComponents (>= 1.2.4-rc)
-
net9.0
- TnTComponents (>= 1.2.4-rc)
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.2.9-rc | 0 | 10/8/2025 |
1.2.8-rc | 0 | 10/8/2025 |
1.2.7-rc | 29 | 10/7/2025 |
1.2.6-rc | 41 | 10/7/2025 |
1.2.5-rc | 30 | 10/7/2025 |
1.2.4-rc | 36 | 10/7/2025 |
1.2.3-rc | 39 | 10/6/2025 |
1.1.79 | 207 | 9/23/2025 |
1.1.78 | 158 | 9/23/2025 |
1.1.77 | 298 | 9/18/2025 |
1.1.76 | 290 | 9/18/2025 |
1.1.75 | 290 | 9/18/2025 |
1.1.74 | 289 | 9/18/2025 |
1.1.73 | 291 | 9/18/2025 |
1.1.72 | 166 | 9/11/2025 |
1.1.71 | 148 | 8/15/2025 |
1.1.70 | 169 | 8/13/2025 |
1.1.69 | 272 | 8/7/2025 |
1.1.68 | 137 | 7/30/2025 |
1.1.67 | 117 | 7/30/2025 |
1.1.66 | 120 | 7/30/2025 |
1.1.65 | 114 | 7/29/2025 |
1.1.64 | 116 | 7/29/2025 |
1.1.63 | 135 | 7/28/2025 |
1.1.62 | 218 | 7/17/2025 |
1.1.61 | 157 | 7/17/2025 |
1.1.60 | 152 | 7/16/2025 |
1.1.59 | 156 | 7/16/2025 |
1.1.58 | 148 | 7/15/2025 |
1.1.57 | 152 | 7/9/2025 |
1.1.56 | 161 | 7/9/2025 |
1.1.55 | 151 | 7/9/2025 |
1.1.54 | 171 | 7/9/2025 |
1.1.53 | 168 | 7/8/2025 |
1.1.52 | 167 | 7/8/2025 |
1.1.51 | 157 | 7/8/2025 |
1.1.50 | 259 | 6/18/2025 |
1.1.49 | 170 | 6/18/2025 |
1.1.48 | 155 | 6/18/2025 |
1.1.47 | 293 | 6/9/2025 |
1.1.46 | 307 | 6/9/2025 |
1.1.45 | 267 | 6/9/2025 |
1.1.44 | 183 | 5/28/2025 |
1.1.43 | 224 | 5/23/2025 |
1.1.42 | 172 | 5/22/2025 |
1.1.41 | 192 | 5/21/2025 |
1.1.40 | 174 | 5/21/2025 |
1.1.39 | 186 | 5/21/2025 |
1.1.38 | 210 | 5/16/2025 |
1.1.37 | 209 | 5/16/2025 |
1.1.36 | 245 | 5/15/2025 |
1.1.35 | 246 | 5/15/2025 |
1.1.34 | 268 | 5/15/2025 |
1.1.33 | 207 | 5/9/2025 |
1.1.32 | 178 | 5/8/2025 |
1.1.31 | 187 | 5/6/2025 |
1.1.30 | 207 | 5/6/2025 |
1.1.29 | 225 | 4/22/2025 |
1.1.28 | 202 | 4/21/2025 |
1.1.27 | 337 | 4/15/2025 |
1.1.26 | 197 | 4/10/2025 |
1.1.25 | 217 | 4/9/2025 |
1.1.24 | 195 | 4/8/2025 |
1.1.23 | 240 | 4/1/2025 |
1.1.22 | 202 | 4/1/2025 |
1.1.21 | 215 | 3/31/2025 |
1.1.20 | 164 | 3/28/2025 |
1.1.19 | 165 | 3/27/2025 |
1.1.18 | 154 | 3/27/2025 |
1.1.17 | 444 | 3/24/2025 |
1.1.16 | 170 | 3/20/2025 |
1.1.15 | 259 | 3/7/2025 |
1.1.14 | 262 | 3/7/2025 |
1.1.13 | 265 | 3/7/2025 |
1.1.12 | 232 | 3/7/2025 |
1.1.11 | 250 | 3/6/2025 |
1.1.10 | 189 | 2/25/2025 |
1.1.9 | 149 | 2/14/2025 |
1.1.8 | 142 | 2/14/2025 |
1.1.6 | 187 | 2/13/2025 |
1.1.5 | 161 | 2/11/2025 |
1.1.4 | 152 | 2/6/2025 |
1.1.3 | 115 | 2/6/2025 |
1.1.1 | 123 | 1/24/2025 |