Components
    • Buttons
    • Charts
    • Conversational UI
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • 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

ChipComponent

Displays a Chip that represents an input, attribute or an action.

Selector

kendo-chip

Inputs

disabled

boolean

If set to true, the Chip will be disabled.

icon

string

Defines the name for an existing icon in a Kendo UI theme. The icon is rendered inside the Chip by a span.k-icon element.

iconClass

string

Defines a CSS class — or multiple classes separated by spaces — which are applied to a span element. Allows the usage of custom icons.

label

string

Sets the label text of the Chip.

look

ChipLook

Changes the visual appearance by using alternative styling options.

The available values are:

  • filled
  • outlined

removable

boolean

Specifies if the Chip will be removable or not. If the property is set to true, the Chip renders a remove icon.

removeIcon

string

Specifies a custom remove icon that will be rendered when the Chip is removable. see example

selected

boolean

Specifies the selected state of the Chip.

selectedIcon

string

Specifies a custom select icon that will be rendered when the Chip is selected. see example

type

ChipType

Specifies the Chip type.

The possible values are:

  • none (default)
  • success
  • error
  • warning
  • info

Events

remove

EventEmitter<ChipRemoveEvent>

Fires each time the user clicks the remove icon of the Chip.

Methods

blur

Blurs the Chip component.

focus

Focuses the Chip component.