• Button Five styles, three sizes and every state — with a live playground.
• Checkbox A square multi-select control across its selected, hover and inactive states.
• Radio A round single-select control that shares the checkbox's states.
• Slider A dual-thumb range control for selecting every, low, high or middle values.
• Swatch A round frame-colour chip across its default, hover and selected states.
• Frame toggle A two-option segmented switch for bike frame type, with a blue-outlined selected thumb.
• Badge An uppercase pill that labels a product — new, best tested, pre-order.
• Rating A review score with a sand star and an optional review count.
• Price A product price with an optional prefix, discount and monthly rate.