Components

Buttons
Charts
Conversational UI
Data Query
Date Inputs
Date Math
Dialogs
Drawing
Dropdowns
Editor
Excel Export
File Saver
Gauges
Grid
Icons
Indicators
Inputs

ColorGradient
ColorPalette
ColorPicker
MaskedTextBox
NumericTextBox
RangeSlider
Slider
Switch
TextArea
TextBox

Debouncing Value Changes

Labels
Layout
ListView
Menus
Navigation
Notification
Pager
PDF Export
Popup
ProgressBars
Ripple
Scheduler
ScrollView
Sortable
ToolBar
Tooltip
TreeList
TreeView
Uploads

Styling & Themes

Common Features

Project Setup

Sample Applications

Virtual Classroom

Troubleshooting

Components / Inputs / Appearance /

New to Kendo UI for Angular? Start a free 30-day trial

Appearance

Apart from the Switch and the ColorPicker, all Inputs provide options for setting their width and height.

To specify the width of the components, set the width CSS property.

Example

View Source

Edit In Stackblitz

Change Theme:

Suggested Links

API Reference of the Inputs

Debouncing Value Changes

Was this article helpful?

Getting Started

Support Resources

Community

Telerik and Kendo UI are part of Progress product portfolio. Progress is the leading provider of application development and digital experience technologies.

Copyright © 2021, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved. Progress, Telerik, Ipswitch, 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. See Trademarks for appropriate markings.

DO NOT SELL MY PERSONAL INFORMATION