/
jonca3d
/
CourseOnReac
Обзор
Документация
Войти
/
jonca3d
/
CourseOnReac
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/ContactForm/contactForm.jsx
35 строк
2 KB
Evgeniy
Модальное окно
23 сен 2024, 14:31
23 сен 2024, 14:31
cb05b58
Код
Авторство
О чём код?
import styles from './contactForm.module.css'; function ContactForm({ onClick }) { return ( <> <div className={styles['modal']}> <div className={styles['close-btn']} onClick={onClick}> <svg width="40px" height="40px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.5" d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" stroke="#1C274C" stroke-width="1.5" /> <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" /> </svg> </div> <form className={styles['contact-form']}> <div> <label htmlFor="email">Email</label> <input name='email' type='email' id='email' /> </div> <div> <label htmlFor="tel">Телефон</label> <input name='tel' type='tel' id='tel' /> </div> <div className={styles['message']}> <label htmlFor="message">Сообщение</label> <textarea name='message' id='message' cols="35" rows='3'></textarea> </div> <div> <button type='submit'>Отправить</button> </div> </form> </div> </> ) } export default ContactForm;