<SignedOut>

The <SignedOut> component offers authentication checks as a cross-cutting concern. Any child nodes wrapped by a <SignedOut> component will be rendered only if there's no User signed in to your application.

Example

---
import { SignedOut } from '@clerk/astro/components'
---

<SignedOut>
  <div>You are signed out.</div>
</SignedOut>
<p>This content is always visible.</p>

Properties