Action chips are an interactive variant of Chips . Action chips are sometimes referred to as “Clickable” or “Assist” chips. They use a similar colour scheme to Buttons. This means they are easy to identify when placed alongside other chip types and provide a visual indicator that an action will take place when clicked.

Action chip has two style variants.

Use filled chips to provide high emphasis on the displayed information.

Use outlined chips to provide low emphasis on the displayed information.

Use an Action chip to provide a clickable action when displayed alongside other chips. For example, 'Dismiss all' alongside a series of dismissible chips. Only use an Action chip when presented with other chip components. Use a Button instead if chips are not present.

Common use cases include:

You can use Action chips in conjunction with other chip types to add smart or automated functions in context of the chip group.

Action chips can be used as links to open content in a new window. In this case, an href must be provided and the “open in new window” icon displayed.

Don't use Action chips in isolation without other chips present.

Don't use Action chips to perform significant tasks such as clearing or submitting a form, use a button instead. Buttons should be used for familiar and consistent calls to action.

For full guidance on content, please see the Chip page.

Use thetarget="blank" property on Action chips to display the corresponding icon on the right of the label, if the action will open a new window.