18Switch language to العربية

OAuth Button

PreviousNext

A single OAuth button with provider icon for authentication flows.

import { OAuthButton } from "@/components/atom/oauth-button"

export default function OauthButtonDemo() {
  return (
    <>
      <OAuthButton provider="github" />
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/oauth-button

Usage

import { OAuthButton } from "@/components/atom/oauth-button"
<OAuthButton provider="github" />

Examples

All Providers

<OAuthButton provider="github" />
<OAuthButton provider="google" />
<OAuthButton provider="apple" />
<OAuthButton provider="paypal" />