diff options
Diffstat (limited to 'src/pages/register.tsx')
| -rw-r--r-- | src/pages/register.tsx | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/pages/register.tsx b/src/pages/register.tsx new file mode 100644 index 0000000..4ab3106 --- /dev/null +++ b/src/pages/register.tsx @@ -0,0 +1,28 @@ +import { NavBar } from '../components/navbar'; +import { CenteredPage, PageTitle } from '../components/page'; +import { Vierkant, Input, Button } from '../components/ui'; + +export default function RegisterPage() { + return ( + <div> + <NavBar/> + <CenteredPage width={500} style={{ height: "100vh" }}> + <div style={{ + position: "relative", + top: "50%", + transform: "translateY(-50%)", + margin: "0 auto", + textAlign: "center" + }}> + <Vierkant> + <Input label="gebruikersnaam" style={{ marginBottom: 12 }}></Input> + <Input label="email" style={{ marginBottom: 12 }}></Input> + <Input label="wachtwoord" type="password"></Input> + <Button text="Registreren" style={{ marginTop: 24 }}></Button> + </Vierkant> + </div> + </CenteredPage> + </div> + ); +} + |