Components
<SignedOut />
The <SignedOut>
component allows you to show content only when the user is not authenticated.
Props
children
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>
</>
);
}