• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

ChipList Appearance

The ChipList provides an option to change its size.

Size

The ChipList allows you to set different gap between the separate Chips. To achieve this utilize the size property. It accepts values of type ChipListSize or none.

The size option supports the following values:

  • small—Sets the gap to 4px.
  • medium (Default)—Sets the gap to 8px.
  • large—Sets the gap to 12px.
  • none—The none option removes the built-in sizing. Allows for custom gap.

The following example demonstrates how to define the size of the ChipList.

Example
View Source
Change Theme:

In this article

Not finding the help you need?