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