Chips are compact representations of entities (most commonly, people) that can be typed in, deleted or dragged easily. The most common example can be seen in the To field of a new email in Outlook Mobile.

The chip field control handles keyboard input, wrapping and truncation automatically.

<DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">

### Small Chip

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_badges_03_small_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_badges_03_small_dark.png?text=DarkMode" />

### Medium Chip

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_badges_01_medium_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_badges_01_medium_dark.png?text=DarkMode" />

### Badge Field

<img className="off" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_badges_02_example_light.png?text=LightMode" />
<img className="on" src="https://static2.sharepointonline.com/files/fabric/fabric-website/images/controls/ios/updated/img_badges_02_example_light-1.png?text=DarkMode" />

</DisplayToggle>
