https://github.com/marquitospt/marquitos.blazor
Blazor Components
https://github.com/marquitospt/marquitos.blazor
aspnetcore blazor blazor-components
Last synced: 5 months ago
JSON representation
Blazor Components
- Host: GitHub
- URL: https://github.com/marquitospt/marquitos.blazor
- Owner: MarquitosPT
- License: mit
- Created: 2021-05-27T13:39:46.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2025-10-04T17:23:24.000Z (9 months ago)
- Last Synced: 2025-10-20T03:16:07.276Z (8 months ago)
- Topics: aspnetcore, blazor, blazor-components
- Language: C#
- Homepage: https://blazor.marquitos.pt
- Size: 1.17 MB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://www.nuget.org/packages/Marquitos.AspNetCore.Components/)
# Marquitos.Blazor
Marquitos Blazor Components is an open source library designed for WebAssembly. The main goal of this library is to create simple and usefull components. Some of them are based just on Bootstrap 5 CSS but enriched with animation motions to make a nice fluid user experience.
Marquitos Blazor Components library is composed by the following components.
## Components
- [Accordion](https://github.com/MarquitosPT/Marquitos.Blazor/wiki/Accordion)
- [Breadcrumb](https://github.com/MarquitosPT/Marquitos.Blazor/wiki/Breadcrumb)
- [Button](https://github.com/MarquitosPT/Marquitos.Blazor/wiki/Button)
- [Card](https://github.com/MarquitosPT/Marquitos.Blazor/wiki/Card)
- [Chart](https://github.com/MarquitosPT/Marquitos.Blazor/wiki/Chart)
- [Dialog](https://github.com/MarquitosPT/Marquitos.Blazor/wiki/Dialog)
- [Grid](https://github.com/MarquitosPT/Marquitos.Blazor/wiki/Grid)
- [NavigationView](https://github.com/MarquitosPT/Marquitos.Blazor/wiki/NavigationView)
- [SvgIcon](https://github.com/MarquitosPT/Marquitos.Blazor/wiki/SvgIcon)
- [TabSet](https://github.com/MarquitosPT/Marquitos.Blazor/wiki/TabSet)
- [ToggleSwitch](https://github.com/MarquitosPT/Marquitos.Blazor/wiki/ToggleSwitch)
## Usage
Add the latest `Marquitos.AspNetCore.Components` nuget package to your project references:
```html
...
```
On configure method add the `AddMarquitosComponents()` to your pipeline:
```csharp
public static async Task Main(string[] args)
{
var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add("#app");
...
builder.Services.AddMarquitosComponents(o => {
o.GlobalTheme = AspNetCore.Components.Enums.Theme.Bootstrap;
});
await builder.Build().RunAsync();
}
```
On `_Imports.razor` add the following using clauses:
```html
...
@using Marquitos.AspNetCore.Components.Enums
@using Marquitos.AspNetCore.Components.Web
```
Then you are ready to go:
```html
@Body
```