<SignIn />

The <SignIn /> component renders a UI for signing in users. The functionality of the <SignIn /> component is controlled by the instance settings you specify in your Clerk Dashboard, such as sign-in and sign-up options and social connections. You can further customize your <SignIn /> component by passing additional properties at the time of rendering.

INFO

The <SignUp/> and <SignIn/> components cannot render when a user is already signed in, unless the application allows multiple sessions. If a user is already signed in and the application only allows a single session, Clerk will redirect the user to the Home URL instead.

Props

Click here to see the full list of props available.

Usage

Below is basic implementation of the <SignIn /> component. You can use this as a starting point for your own implementation.

<script setup>
import { SignIn } from 'vue-clerk'
</script>

<template>
  <SignIn path="/sign-in" />
</template>