Skip to content

CHIPS

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:

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

Usage:

A chip may contain a photo, short title, and brief information.

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.

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.

Contact chips

Contact information that users have for people may be represented in a compact way using contact chips.

Specs

For specs of Single-Line Chips & Contact Chips click Here.