Avatar r50 a6ce93fe35b158fd29ba0e8681c918c22117160e9586a56eee4ffbc20df9bda1
Фронтенд-разработчик

React-компонент, сделанный по макету формы на Figma

Добавлено 30 янв 2021 в 13:17
https://reactjs-form-layout-test-20210130.netlify....

Выпадающий список «Язык» первоначально был реализован на HTML-элементе <select>. Как выяснилось в процессе работы, его подэлементы <option> не поддерживают задание высоты через CSS-стили (а у элементов выпадающего списка на макете была нестандартная высота). Поскольку согласно одному из условий тестового задания нельзя было использовать UI-библиотеки, пришлось сделать «кастомный» выпадающий список — компонент Dropdown.

Репозиторий: https://github.com/Lazyt3ch/reactjs-form-layout-te...

Макет формы, по которому делался компонент:
https://www.figma.com/file/Lz2p2uwl96ck03V4qkJL0w/...
1a4df63560 1b05891cf9 A216a030ce