Chips can be used to display information, enable user interaction, and provide a way to input or filter data.

Basic Chip

The chip comes in different types: Basic, Clickable, and Deletable.

Basic Chip

Basic chips display simple information and are typically non-interactive. They're useful for showing tags, categories, or labels.

Basic Chip

Clickable Chip

Clickable chips respond to user interaction and can trigger actions when clicked.

Clickable

Deletable Chip

Deletable chips include a delete icon that allows users to remove them.

Deletable

Variants

Chips come in different visual styles: filled and outlined.

Filled
Outlined

Sizes

Chips are available in different sizes: small and medium.

Small
Medium

Chips can display icons alongside text labels for enhanced visual identification.

Design

Colors

Chips can use different colors to convey meaning or status.

Primary
Secondary
Success
Error