@progress/kendo-angular-inputs NPM

Kendo UI for Angular Inputs Package (CheckBox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Rating, Signature, Slider, Switch, TextArea, and TextBox Components)

This package is part of Kendo UI for Angular—a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
You must install a license key when adding the package to your project. To receive a license key, either purchase a license or register for a free trial.
The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
Start using Kendo UI for Angular and speed up your development process!

The Kendo UI for Angular Inputs package is a collection of components that render interactive and accessible input fields, each specialized for their specific format.

What's Included in the Angular Inputs Package

Angular CheckBox Component—Allows the user to toggle between checked and unchecked states. It supports all regular HTML checkbox attributes and Angular bindings.
Angular ColorGradient Component—Renders a gradient with hue and alpha sliders for interactive color picking as well as inputs to manually enter a desired color.
Angular ColorPalette Component—Renders sets of predefined colors from which users can choose. A common example is swithcing clothing colors when online shopping.
Angular ColorPicker Component—Combines the ColorGradient and ColorPalette to provide a rich color selection tool that appears in a popup and provides a variety of ways to select colors as well as a preview of selected colors.
Angular FlatColorPicker Component—The same as the Angular ColorPicker, except the picker is not hidden in a popup. It renders directly on the page.
Angular FormField Component—Helps you group form related content to lay out and configure fields, labels, hints, and error messages.
Angular MaskedTextBox Component—Enables you to control input by enforcing format using a mask. A common example is requiring phone number formats.
Angular NumericTextBox Component—Provides spin buttons to help users enter and edit numeric values.
Angular RadioButton Component—Allows you to create a list of radio buttons where you can only select one of the predefined options. It supports all regular HTML checkbox attributes and Angular bindings.
Angular RangeSlider Component—Allows users to visually specify numeric ranges by dragging its handles or clicking its track.
Angular Rating Component—Enables the user to increase, decrease, and select predefined values by clicking its icons along or using the arrow keys.
Angular Signature Component—Enables the user to create handwritten signatures and submit them as part of a form.
Angular Slider Component—Enables the user to increase, decrease, and select predefined values by dragging its handle along the track, or by clicking its side arrow buttons.
Angular Switch Component—A visual toggle that switches between checked and unchecked states.
Angular TextArea Component—Provides a highly customizable UI for entering and displaying multiple lines of text.
Angular TextBox Component—Provides options for creating composite inputs that you can integrate within forms or use as standalone items.

Key Features

Among the many features which the Kendo UI for Angular Inputs deliver are:

Delaying Input Value Changes—By default, value updates are processed immediately after the input. But, if you need to allow time for complex scenarios and operations, you can configure a slight delay before the components accept the new input value.
Disabled Inputs—Display the Inputs in their disabled state so that, if need be present, users will not be able to interact with them.
Forms Support—The Inputs provide support both for the asynchronous template-driven Angular forms and the predominantly synchronous reactive Angular forms. This feature allows you to draw on the logic set either in the template, or in the component or typescript code.
Appearance—All aspects of the Inputs can be customized by theme variables or configuration options. Kendo UI for Angular delivers a set of popular themes including Bootstrap and Material, all of which can be easily customized with the Progress ThemeBuilder online utility.
Customization—The color-picking Inputs provide various configuration options for the user to specify their rendering and customize certain aspects of the components' appearance.
Adornments—You can enhance the visual and functional aspects of the text-based Inputs by using custom adornments in the form of prefixes and suffixes.
Labels—You have the ability to display labels for the Inputs by associating them with a label element. Some of the Inputs also provide built-in properties for customizing their internal labels.
Globalization—The Kendo UI for Angular Inputs support globalization to ensure that each Inputs component can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Inputs support rendering in a right-to-left (RTL) direction.
Accessibility—The Inputs are accessible for screen readers and support WAI-ARIA attributes.
Keyboard Navigation—The Inputs support a number of keyboard shortcuts which alow users to accomplish various commands.

Support Options

For any issues you might encounter while working with the Kendo UI for Angular Inputs, you have the following support channels available:

Industry-leading technical support—Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the dedicated Kendo UI for Angular support system.
Product forums—The Kendo UI for Angular forums are part of the free support you can get from the community and from the Kendo UI for Angular team.
Feedback portal—The Kendo UI for Angular feedback portal is where you can request and vote for new features to be added.

Resources

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.