Components

Open a component to review its types, states, and how Product Finder uses it. The full Beam library still lives in the Beam Figma file.

Component	What it covers
Button	Primary, Secondary, Tertiary, Clear, Ghost, White, Destructive · Large / Medium / Small · Default → Disabled
Badge	Pill, Rounded, Elevated · Small / Medium / Large · Gray through Orange
Traversal nav	Previous / Next · Primary & Gray · light / dark surfaces · Medium / Large
Pagination	Default, Minimal, Button group · Compact · Arrows L/R, up/down side-by-side, up/down stacked
Quantity input	Empty, value, hover, focus, disabled · with Add to cart
Chip	Default, pressed · panel compact
Search field	Default, hover, focused
Availability	Success and warning tones