LoginCard

Single cached login entry:

<script>
  import { LoginCard } from '@kavach/ui'
</script>

<LoginCard 
  email="user@example.com"
  name="John Doe"
  avatar="https://..."
  provider="google"
  mode="oauth"
  hasPasskey={false}
  onclick={(data) => {
    // Re-authenticate
    signIn(data.email, data.provider)
  }}
  onremove={(email) => {
    // Remove from cache
    removeCachedLogin(email)
  }}
/>

LoginCardList

Render multiple login cards:

<script>
  import { LoginCardList } from '@kavach/ui'
</script>

<LoginCardList 
  logins={cachedLogins}
  onclick={handleLogin}
  onremove={handleRemove}
/>

Features

• Avatar Display — Shows user avatar or initials
• Provider Badge — Icon showing auth provider
• Passkey Icon — Shows passkey icon if available
• Quick Remove — Remove button to clear from cache

Props (LoginCard)