SplitLoginPage
Preserves legacy @avala/ui SplitLoginPage. Two-column login template: left side hero/marketing content, right side login form. Mobile collapses to single column with the form first.
Live playground
Edit the JSX below — preview updates instantly. Switch brand × tone in the toolbar to see the same component re-themed in place.
Edit JSX — preview updates livereact-live
import { SplitLoginPage } from "@avala/design"; <SplitLoginPage>SplitLoginPage</SplitLoginPage>
All variants
The Storybook stories file rendered as an iframe — every variant, every size, every state, baselined for visual regression.
layout-splitloginpage--defaultOpen in Storybook →