📖 Step 4: Design - Research & Process#118 / 291

Chip

Chip

📖One-line summary

A small capsule-shaped UI for tags or filters.

Example

Click chips to toggle filters

Selected: React

Vibe coding prompt examples

>_

Build a selectable filter chip component. Support multi-select, change color when selected, and allow deselection via an X button.

>_

Build a chip component for tag input. When the user types and presses Enter, create a chip, and allow deletion as well.

Try these prompts in your AI coding assistant!