Chip Component Test

Basic Chip Variants

Test the main visual variants of the Chip component.

Filled Variant (Default)

Outlined Variant

Test all available color options for chips.

Filled Colors

Outlined Colors

Test different chip sizes.

Small Size

Medium Size (Default)

Test chips with click functionality and hover effects.

Test chips with delete functionality.

Test chips with custom icons and avatars.

With Icons

With Avatars

JD

JS

MJ

Test different chip states including disabled.

Disabled Chips

Active States

Add, remove, and interact with a dynamic collection of chips.

Test chip events and interactions.

Event log will appear here...

Test programmatic manipulation of chip properties.

Test performance with many chips.