Renders all the available OAuth buttons for sign-in or sign-up functionality.

Note that if there are no OAuth providers enabled in the dashboard, this component will be empty.

Props

• type: 'sign-in' | 'sign-up' - Specifies whether the buttons text are for sign-in or sign-up (both are the same in terms of functionality).

Example

1
import { OAuthButtonGroup } from '@stackframe/stack';
2
3
export default function Page() {
4
  return (
5
    <div>
6
      <h1>Sign In</h1>
7
      <OAuthButtonGroup type='sign-in' />
8
    </div>
9
  );
10
}