AntDesign.Components.Authentication 0.11.0-alpha.3

This is a prerelease version of AntDesign.Components.Authentication.
There is a newer version of this package available.
See the version list below for details.
dotnet add package AntDesign.Components.Authentication --version 0.11.0-alpha.3
NuGet\Install-Package AntDesign.Components.Authentication -Version 0.11.0-alpha.3
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="AntDesign.Components.Authentication" Version="0.11.0-alpha.3" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add AntDesign.Components.Authentication --version 0.11.0-alpha.3
#r "nuget: AntDesign.Components.Authentication, 0.11.0-alpha.3"
#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 AntDesign.Components.Authentication as a Cake Addin
#addin nuget:?package=AntDesign.Components.Authentication&version=0.11.0-alpha.3&prerelease

// Install AntDesign.Components.Authentication as a Cake Tool
#tool nuget:?package=AntDesign.Components.Authentication&version=0.11.0-alpha.3&prerelease

<p align="center"> <a href="https://yangshunjie.com/ant-design-blazor/"> <img src="https://cdn.jsdelivr.net/gh/ant-design-blazor/ant-design-blazor/logo.svg?sanitize=true"> </a> </p>

<h1 align="center">Ant Design Blazor</h1>

<div align="center">

A rich set of enterprise-class UI components based on Ant Design and Blazor.

alternate text is missing from this package README image AntDesign AntDesign AntDesign.Templates codecov AntDesign Ding Talk Group Discord Server

</div>

alternate text is missing from this package README image

English | 简体中文

✨ Features

  • 🌈 Enterprise-class UI designed for web applications.
  • 📦 A set of high-quality Blazor components out of the box.
  • 💕 Supports WebAssembly-based client-side and SignalR-based server-side UI event interaction.
  • 🎨 Supports Progressive Web Applications (PWA).
  • 🛡 Build with C#, a multi-paradigm static language for an efficient development experience.
  • ⚙️ .NET Standard 2.1/.NET 5/.NET 6 based, with direct reference to the rich .NET ecosystem.
  • 🎁 Seamless integration with existing ASP.NET Core MVC and Razor Pages projects.

🌈 Online Examples

WebAssembly static hosting examples:

🖥 Environment Support

  • Compatible with .NET Core 3.1 / .NET 5 / .NET 6。
  • Blazor WebAssembly 3.2/.NET 5 Release
  • Supports two-way binding on the server side
  • Supports WebAssembly static file deployment
  • Support 4 major browsers engines, and Internet Explorer 11+ (Blazor Server only)
  • Run directly on Electron and other Web standards-based environments
<img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></br> Edge / IE <img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox <img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></br>Chrome <img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari <img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /></br>Opera <img src="https://cdn.jsdelivr.net/gh/alrra/browser-logos/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" /></br>Electron
Edge 16 / IE 11† 522 57 11 44 Chromium 57

Due to WebAssembly restriction, Blazor WebAssembly doesn't support IE browser, but Blazor Server supports IE 11† with additional polyfills. See official documentation.

From .NET 5, IE 11 is no longer officially supported. See Blazor: Updated browser support. Unofficial support is provided by Blazor.Polyfill community project.

💿 Current Version

🎨 Design Specification

Regularly synchronize with Official Ant Design specifications, you can check the sync logs online.

Therefore, you can use the custom theme styles of Ant Design directly.

📦 Installation Guide

Create a new project from the dotnet new template AntDesign.Templates

We have provided the dotnet new template to create a Boilerplate project out of the box:

Pro Template

  • Install the template

    $ dotnet new --install AntDesign.Templates
    
  • Create the Boilerplate project with the template

    $ dotnet new antdesign -o MyAntDesignApp
    

Options for the template:

Options Description Type Default
-f | --full If specified, generates all pages of Ant Design Pro bool false
-ho | --host Specify the hosting model 'wasm' | 'server' | 'hosted' 'wasm'
--styles Whether use NodeJS and Less to compile your custom themes. css | less css
--no-restore If specified, skips the automatic restore of the project on create bool false

Import Ant Design Blazor into an existing project

  • Go to the project folder of the application and install the Nuget package reference

    $ dotnet add package AntDesign
    
  • Register the services in Program.cs (client-side WebAssembly Blazor)

    builder.Services.AddAntDesign();
    

    or Startup.cs (server-side Blazor)

    services.AddAntDesign();
    
  • Link the static files in wwwroot/index.html (client-side WebAssembly Blazor) or Pages/_Host.cshtml (server-side Blazor)

    <link href="_content/AntDesign/css/ant-design-blazor.css" rel="stylesheet" />
    <script src="_content/AntDesign/js/ant-design-blazor.js"></script>
    
  • Add namespace in _Imports.razor

    @using AntDesign
    
  • To display the pop-up component dynamically, you need to add the <AntContainer /> component in App.razor.

    <Router AppAssembly="@typeof(MainLayout).Assembly">
        <Found Context="routeData">
            <RouteView RouteData="routeData" DefaultLayout="@typeof(MainLayout)" />
        </Found>
        <NotFound>
            <LayoutView Layout="@typeof(MainLayout)">
                <Result Status="404" />
            </LayoutView>
        </NotFound>
    </Router>
    
    <AntContainer />   <-- add this component ✨
    
  • Finally, it can be referenced in the .razor component!

    <Button Type="@ButtonType.Primary">Hello World!</Button>
    

⌨️ Local Development

  • Install .NET Core SDK 6.0.100 or later.

  • Install Node.js (only for building style files and interoperable TypeScript files)

  • Clone to local development

    $ git clone git@github.com:ant-design-blazor/ant-design-blazor.git
    $ cd ant-design-blazor
    $ npm install
    $ dotnet build ./site/AntDesign.Docs.Build/AntDesign.Docs.Build.csproj
    $ npm start
    
  • Visit https://localhost:5001 in your supported browser and check local development documentation for details.

    Visual Studio 2022 is recommended for development.

🗺 Roadmap

Check out this issue to learn about our development plans for 2020.

🤝 Contributing

PRs Welcome

If you would like to contribute, feel free to create a Pull Request, or give us Bug Report.

Contributors

This project exists thanks to all the people who contribute.

<a href="https://github.com/ant-design-blazor/ant-design-blazor/graphs/contributors"> <img src="https://contrib.rocks/image?repo=ant-design-blazor/ant-design-blazor" /> </a>

💕 Donation

This project is an MIT-licensed open source project. In order to achieve better and sustainable development of the project, we expect to gain more backers. We will use the proceeds for community operations and promotion. You can support us in any of the following ways:

We will put the detailed donation records on the backer list.

❓ Community Support

If you encounter any problems in the process, feel free to ask for help via following channels. We also encourage experienced users to help newcomers.

  • Discord Server

  • 钉钉群

    <details> <summary>Scan QR Code with DingTalk</summary> <img src="https://cdn.jsdelivr.net/gh/ant-design-blazor/ant-design-blazor/docs/assets/dingtalk.jpg" width="300"> </details>

Code of Conduct

This project has adopted the code of conduct defined by the Contributor Covenant to clarify expected behavior in our community. For more information see the .NET Foundation Code of Conduct.

☀️ License

AntDesign

.NET Foundation

This project is supported by the .NET Foundation.

Product Compatible and additional computed target framework versions.
.NET net5.0 is compatible.  net5.0-windows was computed.  net6.0 was computed.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  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. 
.NET Core netcoreapp3.0 was computed.  netcoreapp3.1 was computed. 
.NET Standard netstandard2.1 is compatible. 
MonoAndroid monoandroid was computed. 
MonoMac monomac was computed. 
MonoTouch monotouch was computed. 
Tizen tizen60 was computed. 
Xamarin.iOS xamarinios was computed. 
Xamarin.Mac xamarinmac was computed. 
Xamarin.TVOS xamarintvos was computed. 
Xamarin.WatchOS xamarinwatchos 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
0.15.5 732 9/10/2023
0.15.5-net8 487 9/15/2023
0.15.4 727 7/30/2023
0.15.3 671 7/13/2023
0.15.2 702 7/2/2023
0.15.1 638 6/18/2023
0.15.0 683 5/21/2023
0.15.0-alpha.4 77 5/20/2023
0.15.0-alpha.3 65 5/17/2023
0.15.0-alpha.2 68 5/16/2023
0.15.0-alpha.1 64 5/12/2023
0.14.4 861 3/1/2023
0.14.4-alpha.1 80 2/26/2023
0.14.3 752 2/19/2023
0.14.3-alpha.1 85 2/19/2023
0.14.3-alpha 619 2/19/2023
0.14.2 1,346 2/6/2023
0.14.1 800 2/1/2023
0.14.0 847 1/26/2023
0.14.0-alpha.1 102 1/20/2023
0.13.3 853 1/8/2023
0.13.2 801 12/31/2022
0.13.1 834 11/29/2022
0.13.0 760 11/22/2022
0.13.0-alpha.2 85 11/16/2022
0.13.0-alpha.1 81 11/16/2022
0.12.7 862 11/7/2022
0.12.6 949 10/11/2022
0.12.5 951 10/10/2022
0.12.4 1,457 9/14/2022
0.12.3 906 9/13/2022
0.12.2 960 9/8/2022
0.12.1 921 9/4/2022
0.12.0.1 907 8/29/2022
0.12.0.1-docfix 611 9/2/2022
0.12.0 876 8/21/2022
0.12.0-alpha.3 87 8/29/2022
0.12.0-alpha.2 86 8/26/2022
0.11.0 1,679 6/15/2022
0.11.0-beta.1 112 5/29/2022
0.11.0-alpha.6 109 5/22/2022
0.11.0-alpha.5 107 5/21/2022
0.11.0-alpha.4 113 5/21/2022
0.11.0-alpha.3 120 5/17/2022
0.11.0-alpha.2 112 5/17/2022
0.11.0-alpha.1 121 5/12/2022
0.10.7 1,001 5/22/2022
0.10.6 1,014 5/10/2022
0.10.6-alpha.6 109 5/9/2022
0.10.6-alpha.5 111 5/9/2022
0.10.6-alpha.4 109 5/7/2022
0.10.6-alpha.3 110 5/4/2022
0.10.6-alpha.2 113 3/31/2022
0.10.6-alpha.1 114 3/30/2022
0.10.5 1,277 3/15/2022
0.10.4 1,023 2/27/2022
0.10.4-alpha.1 116 2/26/2022
0.10.3.1 867 12/22/2021
0.10.3 850 12/21/2021