Patched /Users/codelion/Documents/GitHub/stack/docs/fern/docs/pages/sdk/oauth-button.mdx

Author: patched.codes[bot]

docs/fern/docs/pages/sdk/oauth-button.mdx

@@ -0,0 +1,38 @@
+---
+title: OAuthButton
+---
+
+# OAuthButton
+
+A customizable OAuth button component for sign-in or sign-up functionality with various providers.
+
+## Parameters
+
+- `provider`: `string` - The OAuth provider (e.g., 'google', 'github', 'facebook', 'microsoft', 'spotify').
+- `type`: `'sign-in' | 'sign-up'` - The type of action, either 'sign-in' or 'sign-up'.
+
+## Example
+
+```tsx
+import { OAuthButton } from '@stackframe/stack';
+
+// Sign-in button for Google
+const GoogleSignInButton = () => (
+  <OAuthButton provider='google' type='sign-in' />
+);
+
+// Sign-up button for GitHub
+const GitHubSignUpButton = () => (
+  <OAuthButton provider='github' type='sign-up' />
+);
+
+// Usage in a component
+const AuthButtons = () => (
+  <div>
+    <GoogleSignInButton />
+    <GitHubSignUpButton />
+  </div>
+);
+```
+
+The `OAuthButton` component automatically styles the button based on the provided OAuth provider and handles the sign-in or sign-up process when clicked.