Skip to content

Latest commit

 

History

History
78 lines (53 loc) · 1.54 KB

README.md

File metadata and controls

78 lines (53 loc) · 1.54 KB
Raw

BlazorMix

A Blazor Mobile UI components lib.

Nuget (with prereleases)

Nuget (with prereleases)

BlazorMix Docs

What is "Mix"?

BlazorMix referenced multiple mobile component libraries and "mixed" multiple components library, which is why Mix came into being.

Usage Guidelines

1. install package

dotnet add package BlazorMix

2. Register the services

builder.Services.AddBlazorMix();

3. Link the static files

<link href="_content/BlazorMix/dist/style.css" rel="stylesheet" />
<script src="_content/BlazorMix/dist/index.min.js"></script>

4. Add namespace in _Imports.razor

@using BlazorMix;

5. Add the <BlazorMixContainer /> component in App.razor

<Router AppAssembly="@typeof(App).Assembly">
   ...
</Router>

+ <BlazorMixContainer />

6. Use component in .razor file.

<Button Color="@ButtonColor.Primary">Hello World!</Button>

OS

During the construction process of this component and documentation, the React/Blazor components referenced include:

  • Ant Design Mobile
  • Zarm Design
  • Nut UI
  • Tdesign Mobile
  • TDesignBlazor
  • Ant Design of Blazor
  • MASA.Blazor
  • Bootstrap

Other technologies/frameworks/components:

  • typescript
  • scss
  • vite
  • prism.js
  • IconPark.Blazor
  • QRCoder