simple login form using shadcn ui | A shadcn/ui and v0 generation - v0

649px

Add component to projectLearn more

/**

* v0 by Vercel.

* @see https://v0.dev/t/1ADs2FRNaQg

* Documentation: https://v0.dev/docs#integrating-generated-code-into-your-nextjs-app

*/

import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card"

import { Label } from "@/components/ui/label"

import { Input } from "@/components/ui/input"

import { Button } from "@/components/ui/button"

export default function Component() {

return (

<Card className="mx-auto max-w-sm">

<CardHeader className="space-y-1">

<CardTitle className="text-2xl font-bold">Insugas CO SRL</CardTitle>

<CardDescription>Enter your email and password to login to your account</CardDescription>

</CardHeader>

<CardContent>

<div className="space-y-4">

<div className="space-y-2">

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

<Input id="email" type="email" placeholder="m@example.com" required />

</div>

<div className="space-y-2">

<Label htmlFor="password">Password</Label>

<Input id="password" type="password" required />

</div>

<Button type="submit" className="w-full">

Login

</Button>

</div>

</CardContent>

</Card>

)

}