Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
- Animation
- Buttons
- - Overview
  - Button
  - ButtonGroup
  - Chip
  - ChipList
  - - Overview
    - Selection Mode
    - Controlled Mode
    - Data Binding
    - Customization
    - Appearance
    - Keyboard Navigation
    - Disabled ChipList
    - Accessibility
  - DropDownButton
  - FloatingActionButton
  - Toolbar
  - SplitButton
  - Globalization
  - API
- Chartsupdated
- Conversational UI
- Data Tools
- Date Inputs
- 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 / Buttons / ChipList / Controlled Mode /

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

Controlled Mode

By default, the ChipList is in an uncontrolled state.

Set the defaultData property if you want to stay in uncontrolled mode.

To manage the state of the ChipList:

Set the data property to your data value.
Handle the onDataChange event.
Set the new value trough the props.

Example

View Source

Change Theme:

Suggested Links

API Reference of the ChipList