Auth Card
The frame of sign in and sign up screens: logo, title, a line of description, the form and a footer. AuthDivider is the "or" rule.
import { AuthCard, AuthDivider } from "pleate/auth/auth-card";Welcome screen
P
Welcome to Plate
Plan trips with friends, split costs and keep every booking in one place.
or
By continuing you agree to the Terms and Privacy Policy.
Props
- logo / title / description / footer
Content around the form.
ReactNode- variant
Rounded surface with a hairline edge, or none.
"card" | "plain"default "card"- headingLevel
Level of the title.
1 | 2 | 3default 1
Accessibility
- The title is a real heading (h1 by default) so the page has an outline.