shadimage
Shadcn UI Auth
authformsblockpage-actionssource: ok · hit

OIDC Settings Page

A working settings page: app/settings/oidc renders the policy form, and a server action validates with validateOidcPolicy before saving. Wire the form's onSubmit to savePolicy and replace the console.log with your storage.

npx shadcn add "https://ui.shadcn.com/oidc/r/page-actions.json"
free

No selection tags yet — empty means no evidence, not lack of support.

Dependencies

Bundle weight · light

Registry dependencies

https://ui.shadcn.com/oidc/r/policy.json

Files2 · source cached 10/9/2026, 4:14:48 AM

registry/oidc/page-actions/page.tsx
import { OidcPolicyForm } from "@/components/oidc/policy-form"

export default function Page() {
  return (
    <div className="mx-auto w-full max-w-md p-6">
      <OidcPolicyForm />
    </div>
  )
}
registry/oidc/page-actions/actions.ts
"use server"

import { validateOidcPolicy, type OidcPolicy } from "@/lib/oidc/policy"

export async function savePolicy(policy: OidcPolicy) {
  const errors = validateOidcPolicy(policy)
  if (errors.length > 0) {
    return { errors }
  }
  // Replace with your storage.
  console.log("save policy", policy)
}

More from Shadcn UI Auth

Browse all components in this library →