Input chips
You know when you start typing the email address of a contact in Gmail, their complete info appears? Then when you select it, it wraps into a cleanly formatted name. We call this an input chip. Its job is to make using inputs easier by offering suggestions and verifying known entities.
Input chips support editing, allowing users to modify their content, such as correcting an email address. When in edit mode, the chip temporarily reverts to a text string. Editing can be initiated by interacting with the chip, either by selecting it or through a second interaction after the initial selection. These chips can also expand upon clicking to display more detailed information.
Pro Tip: Let users deselect input chips by adding a clickable trailing cross icon (x).