Scribd
Upload
4 views2 pages

Import React From

This document contains a React functional component named 'Signup' that renders a signup form. The form includes fields for name, email, and password, along with a submit button and a link to a login page. The component is styled using Tailwind CSS classes for layout and design.

Uploaded by

Arijit Karan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views2 pages

Import React From

This document contains a React functional component named 'Signup' that renders a signup form. The form includes fields for name, email, and password, along with a submit button and a link to a login page. The component is styled using Tailwind CSS classes for layout and design.

Uploaded by

Arijit Karan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

import React from 'react'

const Signup=()=>{

return (

<>

<div className='flex justify-center items-center min-h-screen bg-gray-100'>

<div className='border shadow p-6 w-80 bg-white'>

<h2 className='text-2xl font-bold mb-4 text text-cyan-500'>Sign up</h2>

<form>

<div>

<label htmlFor="name"> Name</label>

<input type='text text-gray-700' placeholder='enter Name' required></input>

</div>

<div>

<label htmlFor="email"> Email</label>

<input type='email' placeholder="Enter Email" required></input>

</div>

<div>

<label htmlFor='password'></label>

<input type='password' placeholder='******'></input>

</div>

<div className='mb-4'>

<button type='submit' className='w-full bg-green-600 text-white py-2'>

signup

</button>

<p>Already Have Account ? <a>Login</a></p>

</div>

</form>
</div>

</div>

</>

export default Signup;

You might also like