Controls / The visual dictionary

Input chip.

Represents an entered item as a compact removable token.

Also calledrecipient chiptoken chip
01

See it in context

UI illustration
Alex Chen

An input chip converts a selected value, such as a recipient, into a small object inside an input area. It may include an avatar and a remove action.

When to use it

Let people remove each token and continue entering additional items.

Know the difference

A filter chip changes results; an input chip represents a value already entered into a field.

WebiOSiPadOSAndroidmacOSWindowsLinux

Android · Web

Material names chips by their job: assist, filter, input, or suggestion. Their appearance can be similar while their selection and dismissal behavior differ.

iOS · iPadOS · macOS

A comparable compact control may be called a token or a button. Use the platform’s standard selection and removal conventions rather than assuming Material terminology.

Primary documentation for the pattern and its platform conventions.