AuthLayout

Centered authentication page layout. Compound: AuthLayout, Divider, Footer.

Preview

Usage

import { AuthLayout } from '@ramtt/ui'

<AuthLayout title="Sign in">
  <Input label="Email" />
  <Button>Continue</Button>
  <AuthLayout.Divider />
  <Button variant="outline">Google</Button>
</AuthLayout>

Props

PropTypeDefaultDescription
title*string—Page title
subtitlestring—Subtitle text
logoReactNode—Logo element
children*ReactNode—Form content