Auth Crosshair
Dark card authentication form with crosshair corners, email input, and side-by-side OAuth buttons.
Installation
Usage
import { AuthCrosshair } from "viora-ui";import { AuthCrosshair } from "viora-ui";
export default function AuthCrosshairDemo() {
return (
<div className="flex min-h-[350px] w-full items-center justify-center p-6">
<AuthCrosshair />
</div>
);
}API Reference
AuthCrosshair
| Prop | Type | Default | Description |
|---|---|---|---|
| className? | string | "" | Additional CSS classes for custom styling. |
| children? | React.ReactNode | - | Child elements or content to be rendered. |
| disabled? | boolean | false | Whether the interactive state is disabled. |
Built by Otis
Last updated: 10/12/2026