ComponentsAuth split layout

layoutstexulinot agent-emittableapp

Auth split layout

layout-auth-split

Sign-in form column plus brand panel.

Live examples

Sign in

Sign in

Loading demo…

Props

Public props for Auth split layout
NameKindRequiredDefaultDescription
formslotno——
mountScreeneventno——
brandslotno——
panelslotno——
brandTitlestringno——
brandDescriptionstringno——
brandEyebrowstringno——
formLabelstringno——
panelLabelstringno——
classstringno——

Keyboard

Keyboard behavior for Auth split layout
KeyAction
—See accessibility notes for keyboard behavior.

Accessibility

  • Form and brand panels are labelled
  • Brand copy is author-provided

Evidence for layout-auth-split

Latest committed gates for layout-auth-split (as of 2026-10-23). Static snapshot — not live CI.

Behavior

n/ano behavior scenario

No dedicated behavior scenario for this catalog id (a styled or display surface, covered by its unit and axe tests).

Size (gzip)

texuli/layout-auth-split · budget 12.0 KiB

Budget from texuli.budgets.json; re-measure with `pnpm size --filter <entry>`.

Axe

documented

  • tests/e2e/site-component-pages.spec.ts
  • docs/quality (a11y-*)

Site component pages axe gate; package-level a11y docs under docs/quality when present.

Browsers

  • chromium
  • webkit
  • mobile

Playwright projects: Desktop Chrome, Desktop Safari, Pixel 7. Firefox is a known gap on this host.

When to use

Use when

  • Sign-in and account entry pages

Don’t use when

Prefer another component

  • Post-auth app chrome