/
astafievk
/
source_code
Обзор
Документация
Войти
/
astafievk
/
source_code
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
App/src/components/Modals/ModalAddEmployee/SelectService.tsx
32 строки
1014 B
astafievK
source code
21 июн 2024, 21:02
21 июн 2024, 21:02
37a1d03
Код
Авторство
О чём код?
import { FC, useState } from 'react'; export const SelectService: FC = () => { const [isExpanded, setIsExpanded] = useState(false); const handleButtonClick = () => { setIsExpanded(!isExpanded); }; return ( <div className={`dropdown form-elem ${isExpanded ? 'expanded' : ''}`} onClick={handleButtonClick} > <input type="text" className="dropdown-button" id="searchInputService" autoComplete={'off'} placeholder="Услуга" readOnly={true} /> <div className="dropdown-content" id="dropdownContent"> <span className={'dropdown-content__item'} data-value={'1'}> Педикюр </span> <span className={'dropdown-content__item'} data-value={'2'}> Маникюр </span> </div> </div> ); };