Files
tabler/shared/components/cards/SignUpCard.astro
T

37 lines
1.3 KiB
Plaintext

---
import FormFooter from '@ui/FormFooter.astro'
import InputGroup from '@ui/InputGroup.astro'
import FormGroup from '@ui/FormGroup.astro'
---
<form class="card card-md" action="./" method="get" autocomplete="off" novalidate>
<div class="card-body">
<h2 class="card-title text-center mb-4">Create new account</h2>
<FormGroup label="Name">
<input type="text" class="form-control" placeholder="Enter name" />
</FormGroup>
<FormGroup label="Email address">
<input type="email" class="form-control" placeholder="Enter email" />
</FormGroup>
<FormGroup label="Password">
<InputGroup type="password" appendButton={[{ icon: 'eye', description: 'Show password' }]} flat placeholder="Password" />
</FormGroup>
<div class="mb-3">
<label class="form-check">
<input type="checkbox" class="form-check-input" />
<span class="form-check-label">Agree the <a href="./terms-of-service.html" tabindex="-1">terms and policy</a>.</span>
</label>
</div>
<FormFooter>
<button type="submit" class="btn btn-primary w-100">Create new account</button>
</FormFooter>
</div>
</form>
<div class="text-center text-secondary mt-3">
Already have account? <a href="./sign-in.html" tabindex="-1">Sign in</a>
</div>