• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Vue Wrappers End of Life
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
Components / Indicators / Overview / 

Kendo UI for Vue Indicators Overview

The Kendo UI for Vue Native Indicators are used to decorate other elements or components, creating a visual indication for current status, on-going process or state change.

The Indicator components are part of the Kendo UI for Vue library, which provides native Vue components, and are available under the kendo-vue-indicators NPM package.

The Indicators Package is part of Kendo UI for Vue, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Start Free Trial

Badge

A visual indicator component displaying notification or status.

Loader

A component that represents a visual indication of an indeterminate wait time.

Skeleton

A component representing a visual indicator that is rendered initially on a page before actual content loads.

Basic Usage

The following example demonstrates all available Indicator components in action.

Example
View Source
Change Theme:

Key Features

The Kendo UI for Vue Native Indicators provide options to inform your users about an updated state of a web page (Badge component) or providing details that a process is currently working (Loader and Skeleton components).

Appearance

The color and style of the Indicators are normally picked up by the current Kendo UI theme, but each aspect of the Indicators can be customized by theme variables or configuration options.

Globalization

The KendoReact Indicators support globalization to ensure that each Indicators component can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Indicators support rendering in a right-to-left (RTL) direction. Read more about Indicators globalization...

Kendo UI for Vue Native Trial Version and Commercial License

This Scheduler component is part of Kendo UI for Vue Native, a commercial UI library. You are welcome to explore its full functionality and get technical support from the team when you register for a free 30-day trial. To use it commercially, you need to purchase a license. Feel free to review the Kendo UI for Vue Native License Agreement to get acquainted with the full terms of use.

Starting from version 2.0.0, using any of the UI components in the Kendo UI for Vue Native library requires either a commercial license key or an active trial license key. Follow the instructions on the My License page to activate your license.

Support Options

For any questions about the Kendo UI for Vue Native Indicators, or any other Kendo UI for Vue components, you have these support options available:

  • Kendo UI for Vue license holders and anyone in an active trial can take advantage of the outstanding customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
  • The Kendo UI for Vue forums are part of the free support you can get from the community and from the Kendo UI for Vue team on all kinds of general issues.
  • Kendo UI for Vue Feedback Portal and Kendo UI for Vue Roadmap provide information on the features in discussion and also those planned for release.

Support and Learning Resources

Additional Resources

Previous
WatermarkOverlayVue2
Next
Getting Started

In this article

Not finding the help you need?

Contact Support