Chips

Chips represent complex entities in small blocks, such as a contact. While included here as a standalone component, the most common use will be in some form of input, so some of the behaviour demonstrated here is not shown in

Default Chip

To show this type of Chips you will need this code in down here.

     
<Chip label="Default" />
  

Chip With Image Avatar

     
<Chip avatar={<Avatar src="assets/images/userAvatar/alex-dolgove.png"/>
         } label="Image Avatar"/>

   

Available parameters, type and descriptions are down below.

Name	Type	Default	Description
avatar	element		Avatar element.
classes	object		Useful to extend the style applied to components.
component	union: string |  func	'div'	The component used for the root node. Either a string to use a DOM element or a component.
deleteIcon	element		Override the default delete icon element. Shown only if onDelete is set.
label	node		The content of the label.
onDelete	func		Callback function fired when the delete icon is clicked. If set, the delete icon will be shown.