Skip to main content
The design system builds on Blazor and Telerik to provide a streamlined UI design system. To integrate it into your project, follow these steps.

​
Step 1: Choose Your Development Package

Follow the Telerik provided guide to setup Telerik in you C# Blazor Project

​
Step 2: Add CSS and SVG Files

Ensure that the the design system CSS is applied after Telerik to avoid conflicts. This will provide base styling for your project. The order should be:
  1. All Telerik stylesheets
  2. Bootstrap (if you are using it)
  3. studs-ui-kit.css
  4. Any additional app-specific layout styles.
Go to the the design system downloads page to view, download, or get links to the CSS, SVGs, and fonts. From there, you have the option to select a specific release or always have the most current version. The current directory will always contain the latest release.  Web-Based Applications: Use the following CDN link to include the current design system UI Kit. 
<link
  rel="stylesheet"
  href="https://www.strongtie.com/studs/current-2.5/studs-ui-kit.css"
/>
Desktop Applications: Download the CSS and SVG files and embed them within your project folder.

​
Step 3: Customize Your Application’s Styles

Once the the design system UI Kit is applied, you can add custom styles to fit your application’s layout. Make sure any custom styles come after the design system in the style hierarchy.