Components
Session Gate
Full-viewport session restore — CSS spin, same as Page Loading.
Shown while the client restores a signed-in session — icon only, centered in the viewport. No copy.
Usage
import { SessionGate } from "@sophic/portal-ui";
import { RequireAuth } from "@sophic/auth";
<RequireAuth signInPath="/sign-in" fallback={<SessionGate />}>
{children}
</RequireAuth>Pass contained when the gate should fill a positioned ancestor instead of
the viewport (docs previews, bounded stages).
Composes PageLoading with the
"Restoring session" label — use PageLoading directly for other whole-page
waits (auth seams, skeleton-less routes).
Props
Prop
Type
Default
Changelog
- 11 September 2026 — Follows Page Loading’s default CSS spin. Full notes
- 11 September 2026 — Picks up Page Loading’s default looping mark. Full notes
- 3 August 2026 — Added. Full notes