smartChip

Chips represent complex entities in small blocks, such as a contact.

A chip may contain entities such as a photo, text, rules, an icon, or a contact.

Contact chips may represent contact information in a compact way.

Behavior

  • Selecting a chip opens a full detail view.
  • Chips may be deleted if they display a delete icon.

Usage

Types of chips

Chips can be used for various types of entities, including free form text, predefined text, rules, or contacts. Chips may also contain icons.

Example Chip

Example Chip

Chips with text

Trevor Hansen

ANZ Bank

Chips with text and an icon

Behavior

Opening chips

Touching a chip opens a full detailed view (either in a card or full screen) or a menu of options related to that chip.

Deleting chips

Chips can be deletable or non-deletable. Display a delete icon if a chip is deletable.

Redbull (interest) GoPro (interest) OR

Users may press the delete icon or use the keyboard “Delete” button to remove a chip.

Themes

ANZ Bank

Light theme

ANZ Bank

Dark theme