<SignedOut />

The <SignedOut> component allows you to show content only when the user is not authenticated.

Props

ReactNode

The content to show when the user is signed out.

Examples

import { SignedOut } from "@kobbleio/next/client";

export default function Home() {
    return (
        <SignedOut>
            <span>Your're not authenticated</span>
        </SignedOut>
    );
}

It can be used in combination with the <SignedIn /> component to show different content based on the user’s authentication status.]]### Props

import { SignedIn, SignedOut } from "@kobbleio/next/client";

export default function Home() {
    return (
        <>
            <SignedIn>
                <span>Your're authenticated</span>
            </SignedIn>
            <SignedOut>
                <span>Your're not authenticated</span>
            </SignedOut>
        </>
    );
}

Home

Quickstart

Fullstack SDKs

Client SDKs

Admin SDKs

Product

Guides

Props

Examples

​Props

​Examples

Props

Examples