Get Started

The Telerik and Kendo UI Accessibility Utilities enable you to apply custom styles without writing CSS code.

Installation of the CSS Utilities

The CSS Utilities are distributed as a part of the Telerik and Kendo UI themes. If you have already installed one of the themes, you don't need to install the CSS Utilities separately—you can start using them immediately.

Standalone Installation

In some niche cases, you may want to use the Telerik and Kendo UI CSS Utilities as standalone utilities, without installing any of the available Telerik and Kendo UI themes.

To install only the CSS Utilities separately from the Telerik and Kendo UI themes:

npm install --save @progress/kendo-theme-utils

Once you install the CSS Utilities, include them in your project in either of the following ways:

Using Precompiled CSS

To add the Telerik and Kendo UI CSS Utilities to your application, you can include the precompiled dist/all.css file that contains all available utilities.

node_modules/@progress/kendo-theme-utils/dist/all.css

This approach is fast but doesn't allow you customizations, and you cannot exclude groups of unused utilities. You can eliminate these disadvantages by using the build process of the application.

Using the Build Process of the Application

Another way to include the Telerik and Kendo UI CSS Utilities into your project is to import the source SCSS file.

@import "@progress/kendo-theme-utils/dist/all.scss";