Как сверстать данный input range?

Question

[froggush]

Добрый день. Имеется вот такой дизайн input'a для вёрстки под реакт



Как лучше всего его сверстать? Может, лучше будет даже не через input а как-нибудь, по классике, на div'aх закостылить? Слабо себе представляю, как такое переключение range реализовать. Может, кто готовые компоненты\либы знает? Я нашёл только react-range, но он не подходит

Answer 1

[Андрей Саныч]

3 блока в флекс или грид заверните, на + и - повешайте событие клик, но инпут событие input. Если число не должно редактироваться с клавиатуры, то просто блок с числом. И сделайте это отдельным компонентом. Может пригодится в другом месте. Не надо тут никаких либ, тут на пол часа работы максимум

Comments

[froggush]

спасибо!

Answer 2

[Максим]

Comments

[froggush]

Спасибо!