import Props from '@ionic-internal/component-api/v8/chip/props.md'; import Events from '@ionic-internal/component-api/v8/chip/events.md'; import Methods from '@ionic-internal/component-api/v8/chip/methods.md'; import Parts from '@ionic-internal/component-api/v8/chip/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/chip/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/chip/slots.md';

import EncapsulationPill from '@components/page/api/EncapsulationPill';

Chips represent complex entities in small blocks, such as a contact. A chip can contain several different elements such as avatars, text, and icons.

import Basic from '@site/static/usage/v8/chip/basic/index.md';

import SlotExample from '@site/static/usage/v8/chip/slots/index.md';

import Colors from '@site/static/usage/v8/chip/theming/colors/index.md';

import CSSProps from '@site/static/usage/v8/chip/theming/css-properties/index.md';