Comprehensive Authentication Solution
Auth-Kit, kullanıcı kimlik doğrulama süreçlerini basitleştiren, güvenli ve kullanıcı dostu bir component library'sidir. React Hook Form ve Zod validation ile entegre çalışır, TypeScript ile tam tip güvenliği sunar.
Authentication Forms
✓SignIn, OTP, Forgot Password ve Reset Password formları
Page Templates
✓Hazır sayfa şablonları ve layout'ları
Validation Utilities
✓Email, password, OTP validasyon fonksiyonları
Token Management
✓JWT token storage, refresh ve expiration handling
Brand Icons
✓Google ve Apple OAuth ikonları
i18n Support
✓Türkçe/İngilizce dil desteği ve özelleştirme
Auth-Kit'in tüm özelliklerini keşfedin ve test edin
import { AuthKitProvider, SignInForm } from '@hascanb/arf-ui-kit/auth-kit'
<AuthKitProvider config={authConfig}>
<SignInForm
onSuccess={(response) => {
console.log('Giriş başarılı!', response)
}}
/>
</AuthKitProvider>import { useAuthKit } from '@hascanb/arf-ui-kit/auth-kit'
function MyComponent() {
const { signIn, isLoading } = useAuthKit()
const handleSignIn = async () => {
const result = await signIn({
username: 'user@example.com',
password: 'password123'
})
if (result.success) {
console.log('Token:', result.token)
}
}
}import {
isValidEmail,
getPasswordStrength
} from '@hascanb/arf-ui-kit/auth-kit'
const email = 'user@example.com'
const isValid = isValidEmail(email) // true
const password = 'MySecurePass123!'
const strength = getPasswordStrength(password) // 4 (strong)AuthKitProvider kullanın