Commit 723db58e authored by Lee SeoYeon's avatar Lee SeoYeon
Browse files

0624 회원가입페이지 ui

parent 8232407d
import React from "react";
import "tailwindcss/tailwind.css";
import React from 'react'
import 'tailwindcss/tailwind.css'
type SignUpProps = {
type SignUpProps = {}
};
const SignUpPage = ({}: SignUpProps) => (
<div className="flex justify-center mt-3">
<div className="text-slate-300 text-xl font-bold">
<label className="block text-gray-700 text-sm font-bold mb-2 mt-3">
이름
</label>
<input
className="shadow appearance-none border rounded py-2 px-3 text-gray-60"
id="name"
type="name"
placeholder="이름을 입력하세요"
/>
<label className="block text-gray-700 text-sm font-bold mb-2 mt-3">
이메일
</label>
<input
className="shadow appearance-none border rounded py-2 px-3 text-gray-70"
id="email"
type="email"
placeholder="이메일을 입력하세요"
/>
const SignUpPage = ({ }: SignUpProps) => (
<div className="text-slate-300 text-3xl font-bold">
회원가입페이지
<label className="block text-gray-700 text-sm font-bold mb-2 mt-3">
비밀번호
</label>
<input
className="shadow appearance-none border rounded py-2 px-3 text-gray-70"
id="username"
type="password"
placeholder="비밀번호를 입력하세요"
/>
<div className='text-center'>
<button className="bg-cyan-400 text-white border rounded w-100 py-2 px-3 mt-3">회원가입</button>
</div>
);
</div>
</div>
)
export default SignUpPage;
\ No newline at end of file
export default SignUpPage
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment