Input chip

v2.1

Input chips help users quickly select validated input values.

Stylized artwork of a dropdown quick filter.

Considerations

Validated

Input chips ensure users can only select from validated values.

Lightweight

Chips are light and easy. They’re quick to scan, simple to tap, and always in support of the content.

Convenient

Input chips can surface popular values for users to quickly select without navigating to a new surface.

Anatomy

Properties

When to use

Behavior

Screen size

Large screens

Input chips on larger screens can be presented within a combobox on web or in a chip group. Native large screens presents chips in a chip group.

Best practices

Specs