The SignedOut component renders content when the current user is null. It is a wrapper around the userStore. If the user is signed in, the children will not be rendered.

Slot Props

  • auth - The current Firebase auth instance


    import { SignedOut } from 'sveltefire';
    import { signInAnonymously } from "firebase/auth";

    You must be signed in to see this!

<SignedOut let:auth>
    <button on:click={() => signInAnonymously(auth)}>Sign In</button>