Sign In Card
Set up
Import SignInCard in the script tag.
<script>
import { SignInCard } from "flowbite-svelte";
</script>
Examples
<SignInCard id="id1" {btnSignInColor} {title} {action} {rememberMe} {signupLink} {lostPasswordLink} />
<SignInCard id="id2" btnSignInColor="purple" {title} {action} {rememberMe} {signupLink} {lostPasswordLink} />
Props
The component has the following props, type, and default values. See types page for type information.
| Name | Type | Default |
|---|---|---|
| login | AuthFunctionType | |
| title | string | 'Sign in' |
| btnSignInColor | Colors | 'blue' |
| rememberMe | boolean | false |
| signup | LinkType | |
| lostPassword | LinkType |