Sign In Card

Set up

Import SignInCard in the script tag.

<script>
  import { SignInCard } from "flowbite-svelte";
</script>

Examples

Sign in

 <SignInCard id="id1" {btnSignInColor} {title} {action} {rememberMe} {signupLink} {lostPasswordLink} />

Sign in

<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

References