#инструмент дня

Что такое "упоролся"?

Ну вот, например, Паскуаль Витьелло сел и сделал 50 инпутов разного рода и задач. От простых текстовых и т. н. input group, которые когда-то популяризовал Bootstrap до полей ввода OTP и банковских карт.

Вот: https://originui.com/inputs

Есть один нюанс... реализовано всё под Next.js и стилизовано Tailwind.css. Что, мягко говоря, накладывает некоторые ограничения.

Но!

Я бы не писал пост, не будь некоего "но", не правда ли? :)

Часть полей ввода реализовано при помощи вспомогательных компонентов и хуков, знать которые весьма полезно: Input OTP, React Aria, react-phone-number-input... Таким образом эти самые компоненты являют собой прекрасный пример композиции.

Использовать их или нет — решать вам. Но идея хорошая.

#next.js #react #ui #components