Form
作者:andrew-demchenk0♥ 0 点赞MIT
实时预览
源代码
export default function Component() {
return (
<div className="wrapper">
<div className="card-switch">
<label className="switch">
<input type="checkbox" className="toggle" />
<span className="slider"></span>
<span className="card-side"></span>
<div className="flip-card__inner">
<div className="flip-card__front">
<div className="title">Log in</div>
<form className="flip-card__form" action="">
<input className="flip-card__input" name="email" placeholder="Email" type="email" />
<input className="flip-card__input" name="password" placeholder="Password" type="password" />
<button className="flip-card__btn">Let`s go!</button>
</form>
</div>
<div className="flip-card__back">
<div className="title">Sign up</div>
<form className="flip-card__form" action="">
<input className="flip-card__input" placeholder="Name" type="name" />
<input className="flip-card__input" name="email" placeholder="Email" type="email" />
<input className="flip-card__input" name="password" placeholder="Password" type="password" />
<button className="flip-card__btn">Confirm!</button>
</form>
</div>
</div>
</label>
</div>
</div>
);
}