Component reference

Chips

Material 3 Expressive Chip components for entering information, making selections, filtering content, or triggering actions.

Material 3Web ComponentFramework agnostic

Assist Chips

Get directions

<m3-chip variant="assist">Assist</m3-chip>

Running

Cycling

Hiking

<m3-chip variant="filter">Filter</m3-chip>
<m3-chip variant="filter" selected>Selected</m3-chip>

John Doe

Jane Smith

<m3-chip variant="input" removable>Input Chip</m3-chip>

Try again

Refresh

<m3-chip variant="suggestion">Suggestion</m3-chip>