Components / Effects
Starfield
A decorative star layer behind sign-in and landing content.
@fabrials/ui
Welcome back
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { Starfield } from "@fabrials/ui";
API reference
| Prop / export | Type | Description |
|---|---|---|
twinkle | boolean | Slow twinkle on the far layer. |
className | string | Positioning overrides. It fills a positioned parent. |
Behavior
Hidden from assistive technology and never takes pointer events. Like MoonPhase, it is only for sign-in and landing surfaces, and the twinkle stops under reduced motion.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.