Vue Inputs Library & TextBox Component - Validation Icons - Kendo UI for Vue Docs & Demos

Introduction
Getting Started
Vue 2 End of Support
Native Components
- Animation
- Buttons
- Chartsupdated
- Conversational UInew
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Grid
- Icons
- Indicators
- Inputs
- - Overview
  - Getting Started
  - Checkbox
  - ColorGradient
  - ColorPalette
  - ColorPicker
  - Input
  - FlatColorPicker
  - MaskedTextBox
  - NumericTextBox
  - RadioButton
  - RadioGroup
  - Slider
  - RangeSlider
  - Signature
  - Switch
  - TextArea
  - TextBoxnew
  - - Overview
    - Adornments
    - Character Counter
    - Validation Icons
    - Disabled TextBox
    - Read-Only TextBox
    - Forms Support
    - Appearance
    - Accessibility
  - Floating Labels
  - Globalization
  - API
- Labels
- Layoutupdated
- 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 / Inputs / TextBox / Validation Icons /

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

Validation Icons

The TextBox enables you to display icons indicating successful and erroneous processes based on different conditions or validation.

The validation icon can be rendered as part of both prefix or suffix adornments depending on the application requirements.

Example

View Source

Change Theme:

Suggested Links

API Reference of the TextBox

Character Counter

Disabled TextBox

Is this article helpful?

Thank you for your feedback!