SignUpPage.tsx 1.31 KB
Newer Older
Lee SeoYeon's avatar
Lee SeoYeon committed
1
2
import React from 'react'
import 'tailwindcss/tailwind.css'
Jiwon Yoon's avatar
Jiwon Yoon committed
3

Lee SeoYeon's avatar
Lee SeoYeon committed
4
type SignUpProps = {}
Jiwon Yoon's avatar
Jiwon Yoon committed
5

Lee SeoYeon's avatar
Lee SeoYeon committed
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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="이메일을 입력하세요"
      />
Jiwon Yoon's avatar
Jiwon Yoon committed
27

Lee SeoYeon's avatar
Lee SeoYeon committed
28
29
30
31
32
33
34
35
36
37
38
39
      <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>
Jiwon Yoon's avatar
Jiwon Yoon committed
40
    </div>
Lee SeoYeon's avatar
Lee SeoYeon committed
41
42
43
44
  </div>
)

export default SignUpPage