Выбор ровно одного варианта из небольшого набора: пользователь видит все альтернативы сразу и переключается одним кликом. Используйте для 2–5 взаимоисключающих опций (тариф, способ доставки); когда вариантов много — берите селект.

Технические детали: нативный input type="radio" (v-model, value — значение этого варианта), объединяйте несколько в группу одним v-model. Размеры size sm/md/lg (16/18/20px). appearance:none — убирает нативную точку: unchecked — рамка цвета fg, hover — primary, checked — заливка primary с точкой через inset-тень цвета фона; focus-visible — outline primary. error — состояние ошибки (aria-invalid, опасная рамка у активного радио). flow — активное радио с анимированным градиентом вместо заливки primary (animation отключается при prefers-reduced-motion).