Primitive 03 / Allocator

Variant traffic allocator

Visual + numeric variant traffic split. Stacked bar segments reflect each arm's weight. Per-variant sliders adjust weights in place. A sum-must-equal-100% chip enforces validity and the numeric VariantPicker editor is exposed in a disclosure.

Production answer

Variant traffic allocator is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Variant traffic allocator states
Generative search brief

Variant traffic allocator: Visual + numeric variant traffic split. Stacked bar segments reflect each arm's weight. Per-variant sliders adjust weights in place. A sum-must-equal-100% chip enforces validity and the numeric VariantPicker editor is exposed in a disclosure.

Live primitive · drag sliders to rebalance
Save then price · 40%Live preview · 40%Live + animated · 20%
Numeric editor
Variant weights
  • Save then priceCurrent quote flow
  • Live previewRecalculate on each line edit
  • Live + animatedLive + price-change animation
Total weight100%Sums to 100%