Skip to content

This repository is auto-generated by the Material.Blazor project. Do not edit directly.

Notifications You must be signed in to change notification settings

Material-Blazor/Material.Blazor.Current

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
      <title>Material.Blazor </title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="title" content="Material.Blazor ">
      
      
      <link rel="icon" href="favicon.ico">
      <link rel="stylesheet" href="public/docfx.min.css">
      <link rel="stylesheet" href="public/main.css">
      <meta name="docfx:navrel" content="toc.html">
      <meta name="docfx:tocrel" content="toc.html">
      
      
      
      
      <meta name="docfx:docurl" content="https://github.com/Material-Blazor/Material.Blazor/blob/main/README.md/#L1">
      <meta name="loc:inThisArticle" content="In this article">
      <meta name="loc:searchResultsCount" content="{count} results for &quot;{query}&quot;">
      <meta name="loc:searchNoResults" content="No results for &quot;{query}&quot;">
      <meta name="loc:tocFilter" content="Filter by title">
      <meta name="loc:nextArticle" content="Next">
      <meta name="loc:prevArticle" content="Previous">
      <meta name="loc:themeLight" content="Light">
      <meta name="loc:themeDark" content="Dark">
      <meta name="loc:themeAuto" content="Auto">
      <meta name="loc:changeTheme" content="Change theme">
      <meta name="loc:copy" content="Copy">
      <meta name="loc:downloadPdf" content="Download PDF">

      <script type="module" src="./public/docfx.min.js"></script>

      <script>
        const theme = localStorage.getItem('theme') || 'auto'
        document.documentElement.setAttribute('data-bs-theme', theme === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : theme)
      </script>

  </head>

  <body class="tex2jax_ignore" data-layout="" data-yaml-mime="">
    <header class="bg-body border-bottom">
      <nav id="autocollapse" class="navbar navbar-expand-md" role="navigation">
        <div class="container-xxl flex-nowrap">
          <a class="navbar-brand" href="index.html">
            <img id="logo" class="svg" src="logo.svg" alt="">
            
          </a>
          <button class="btn btn-lg d-md-none border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navpanel" aria-controls="navpanel" aria-expanded="false" aria-label="Toggle navigation">
            <i class="bi bi-three-dots"></i>
          </button>
          <div class="collapse navbar-collapse" id="navpanel">
            <div id="navbar">
            </div>
          </div>
        </div>
      </nav>
    </header>

    <main class="container-xxl">

      <div class="content">
        <div class="actionbar">

          <nav id="breadcrumb"></nav>
        </div>

        <article data-uid="">
<h1 id="materialblazor">Material.Blazor</h1>

<hr>
<p><a href="https://www.nuget.org/packages/Material.Blazor/"><img src="https://img.shields.io/nuget/v/Material.Blazor?logo=nuget&amp;label=nuget%20version&amp;style=flat-square" alt="NuGet version"></a>
<a href="https://www.nuget.org/packages/Material.Blazor/"><img src="https://img.shields.io/nuget/vpre/Material.Blazor?logo=nuget&amp;label=nuget%20pre-release&amp;style=flat-square" alt="NuGet version"></a>
<a href="https://www.nuget.org/packages/Material.Blazor/"><img src="https://img.shields.io/nuget/dt/Material.Blazor?logo=nuget&amp;label=nuget%20downloads&amp;style=flat-square" alt="NuGet downloads"></a></p>
<hr>
<p><a href="https://gitter.im/Material.Blazor/community?utm_source=badge&amp;utm_medium=badge&amp;utm_campaign=pr-badge"><img src="https://img.shields.io/gitter/room/Material.Blazor/community?logo=gitter&amp;style=flat-square" alt="Gitter"></a></p>
<hr>
<p><a href="/LICENSE.md"><img src="https://img.shields.io/badge/License-MIT-yellow.svg?logo=github&amp;style=flat-square" alt="License: MIT"></a>
<a href="https://github.com/Material-Blazor/Material.Blazor/issues"><img src="https://img.shields.io/github/issues/Material-Blazor/Material.Blazor?logo=github&amp;style=flat-square" alt="GitHub issues"></a>
<a href="https://github.com/Material-Blazor/Material.Blazor/network/members"><img src="https://img.shields.io/github/forks/Material-Blazor/Material.Blazor?logo=github&amp;style=flat-square" alt="GitHub forks"></a>
<a href="https://github.com/Material-Blazor/Material.Blazor/stargazers"><img src="https://img.shields.io/github/stars/Material-Blazor/Material.Blazor?logo=github&amp;style=flat-square" alt="GitHub stars"></a>
<a href="https://github.com/Material-Blazor/Material.Blazor/watchers"><img src="https://img.shields.io/github/watchers/Material-Blazor/Material.Blazor?logo=github&amp;style=flat-square" alt="GitHub stars"></a></p>
<p><a href="https://github.com/Material-Blazor/Material.Blazor/actions/workflows/GithubActionsRelease.yml"><img src="https://img.shields.io/github/actions/workflow/status/Material-Blazor/Material.Blazor/GithubActionsRelease.yml?label=actions%20release&amp;logo=github&amp;style=flat-square" alt="GithubActionsRelease"></a>
<a href="https://github.com/Material-Blazor/Material.Blazor/actions/workflows/GithubActionsWIP.yml"><img src="https://img.shields.io/github/actions/workflow/status/Material-Blazor/Material.Blazor/GithubActionsWIP.yml?label=actions%20wip&amp;logo=github&amp;style=flat-square" alt="GithubActionsWIP"></a></p>
<hr>
<h2 id="lightweight-material-theme-razor-components-for-blazor">Lightweight Material Theme razor components for Blazor</h2>
<p>Material.Blazor is a lightweight <a href="https://material.io/">Material Theme</a> <a href="https://material.io/develop/web/">web development platform</a> component library for <a href="https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor">ASP.NET Blazor</a>. It is rigorously faithful to the Material Theme's design philosophy, markup and code usage. Material Theme has very specific and detailed guidance showing web designers how to build web apps with HTML, CSS and JavaScript. Since  Blazor is not directly supported, Blazor developers either need to roll their own components or use a component library such as Material.Blazor.</p>
<ul>
<li>Material.Blazor is implemented using Material Theme version 14.0.0</li>
<li>Visit our website at https://material-blazor.com;</li>
<li>See release notes at <a href="https://material-blazor.com/docs/ReleaseNotes.html;">https://material-blazor.com/docs/ReleaseNotes.html;</a></li>
<li>View the project API documentation at <a href="https://material-blazor.com/docs;">https://material-blazor.com/docs;</a> and</li>
<li>Material.Blazor is available at <a href="https://www.nuget.org/packages/Material.Blazor">https://www.nuget.org/packages/Material.Blazor</a>.</li>
<li>If you intend to submit pull requests please note that we use a gitub repository with a <code>main</code> branch upon which pull requests can be made. You can read <a href="https://material-blazor.com/docs/articles/DevelopmentEnvironment.html">detailed development environment instructions</a> on our docs site.</li>
</ul>
<p>Material.Blazor has two release trains available via NuGet. The trains are MD2 and MD3 based.
The MD2 NuGet packages are available in V3, V4, and V5. The MD3 NuGet packages are available in V5.</p>
<ul>
<li>V3.x is a DotNet 6 LTS stable version using Material Design 2 and is the version used in some production settings. This version will be deprecated on November 12, 2024 (Corresponding to the DN6 EOL). No updates to Material.Blazor in this version are expected.</li>
<li>V4.x is a DotNet 7 STS stable version using Material Design 2 and is the version used in some production settings. This version was deprecated on May 14, 2024 (Corresponding to the DN7 EOL).</li>
<li>V5.x is a DotNet 8 LTS stable version. We encourage adoption of this version for existing and new production settings.
<ul>
<li>V5.x releases are published as a NuGet package - Material.Blazor</li>
<li>This version will be deprecated on November 10, 2026.</li>
</ul>
</li>
</ul>

</article>

        <div class="contribution d-print-none">
          <a href="https://github.com/Material-Blazor/Material.Blazor/blob/main/README.md/#L1" class="edit-link">Edit this page</a>
        </div>

        <div class="next-article d-print-none border-top" id="nextArticle"></div>

      </div>

      <div class="affix">
        <nav id="affix"></nav>
      </div>
    </main>


    <footer class="border-top text-secondary">
      <div class="container-xxl">
        <div class="flex-fill">
          <span>Made with <a href="https://dotnet.github.io/docfx">docfx</a></span>
        </div>
      </div>
    </footer>
  </body>
</html>

About

This repository is auto-generated by the Material.Blazor project. Do not edit directly.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published