42 lines
1.3 KiB
Vue
42 lines
1.3 KiB
Vue
<script lang="ts">
|
|
export const description
|
|
= 'A simple login form with email and password. The submit button says \'Sign in\'.'
|
|
export const iframeHeight = '600px'
|
|
export const containerClass = 'w-full h-screen flex items-center justify-center px-4'
|
|
</script>
|
|
|
|
<script setup lang="ts">
|
|
import { Button } from '@/lib/registry/default/ui/button'
|
|
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/lib/registry/default/ui/card'
|
|
import { Input } from '@/lib/registry/default/ui/input'
|
|
import { Label } from '@/lib/registry/default/ui/label'
|
|
</script>
|
|
|
|
<template>
|
|
<Card class="w-full max-w-sm">
|
|
<CardHeader>
|
|
<CardTitle class="text-2xl">
|
|
Login
|
|
</CardTitle>
|
|
<CardDescription>
|
|
Enter your email below to login to your account.
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent class="grid gap-4">
|
|
<div class="grid gap-2">
|
|
<Label for="email">Email</Label>
|
|
<Input id="email" type="email" placeholder="m@example.com" required />
|
|
</div>
|
|
<div class="grid gap-2">
|
|
<Label for="password">Password</Label>
|
|
<Input id="password" type="password" required />
|
|
</div>
|
|
</CardContent>
|
|
<CardFooter>
|
|
<Button class="w-full">
|
|
Sign in
|
|
</Button>
|
|
</CardFooter>
|
|
</Card>
|
|
</template>
|