Example of undefined in React Chips Component


This sample demonstrates most commonly used API functionalities of chip control from the property pane. Select any combination of properties from the property pane to customize the appearance of chip.

More Details...


In this sample, default chip is rendered with minimal configuration.

This sample can be customized further with the combination of Chip properties from the property pane. For example,

  • Color variant can be changed by selecting the color dropdownlist from property pane.
  • Leading and Trailing icons can be enabled by selecting Leading or Trailing Icon checkbox from property pane.
  • Leading icon can be customized with avatar initials, icons and images from property pane
  • Outline chip type can be enabled by checking outline checkbox from property pane.