18Switch language to العربية

OAuth Button Group

PreviousNext

A grid of OAuth provider buttons for authentication forms.

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

export default function OauthButtonGroupDemo() {
  return (
    <>
      <div className="w-full max-w-sm">
        <OAuthButtonGroup />
      </div>
    </>
  )
}

Installation

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

Usage

import { OAuthButtonGroup } from "@/components/atom/oauth-button-group"
<OAuthButtonGroup />

Examples

Single Column

<OAuthButtonGroup columns={1} providers={["github", "google"]} />