Authentication Block

Login/signup UI ready to drop in.

1
2
3
4
5
6
7
8
9

1
2
3
4
5
6
7
8
9

Props

• mode - "login" | "signup" | "reset" (optional, default: "login")
• onModeChange - Callback when switching modes (optional)
• onSubmit - Form submission handler (optional)
• onSocialLogin - Social login handler (optional)
• socialProviders - Array of social login providers (optional)
• showSocialLogin - Show social login buttons (optional, default: true)
• title - Custom title (optional)
• description - Custom description (optional)
• error - Error message to display (optional)
• loading - Loading state (optional)
• className - Additional CSS classes (optional)

Install

1

Accessibility

Authentication block uses semantic HTML, proper form labels, ARIA attributes, and keyboard navigation. Form validation errors are announced to screen readers. Compliant with WCAG 2.1.