Skip to main content

Blazor

Blazor is a framework for building interactive web applications using C# and .NET. This section guides you through the steps to install and set up our design system within a Blazor project, ensuring a seamless and efficient integration process.

Experimental disclaimer

There is no guarantee that the core functionality is fully covered by the Blazor library. Bug reports, feature or support requests related to the Blazor library can only be handled within the Blazor repository. Nevertheless feedback of any kind will be helpful.

info

The Blazor library is not developed by the Siemens Industrial Experience team itself. All credits go to the maintainers of siemens-ix-blazor who are entirely responsible for the package.

Installation​

Install the SiemensIXBlazor package from the NuGet package manager.

.NET CLI​

dotnet add package SiemensIXBlazor

Package Manager​

NuGet\Install-Package SiemensIXBlazor

Add required CSS and Javascript packages into the index.html file.

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Blazor App</title>
    <link
      rel="stylesheet"
      href="_content/SiemensIXBlazor/css/siemens-ix/ix-icons.css"
    />
    <link
      rel="stylesheet"
      href="_content/SiemensIXBlazor/css/siemens-ix/siemens-ix.css"
    />
  </head>
  <body>
    ...
    <script src="_content/SiemensIXBlazor/js/siemens-ix/index.bundle.js"></script>
  </body>
</html>