Chain Selector

Chains:

Component Code (Next.js)

Use Copy Code to load the current local source for the Chain Selector component.

Claude / Codex Prompt

Build a horizontal chain-selector pill bar with a clear props API:
- Accept chains: { id, label, icon }[]
- Support controlled value / uncontrolled defaultValue + onChange
- Active chain shows label + accent underline; inactive shows icon with accessible label
- Keep the bar scrollable on small screens without a fixed min-width trap