Skip to main content
type AuthButtonSlots = {
  placeholder?: (props: Pick<HTMLAttributes<HTMLDivElement>, "className">) => ReactNode;
  signOutButton?: (props: Pick<SignOutButtonProps, "onSuccess">) => ReactNode;
  signInModal?: (props: Pick<SignInModalProps, "open" | "setIsOpen" | "onSuccess">) => ReactNode;
};
Component slots for the AuthButton.

​
Extended by

​
Properties

PropertyTypeDescription
placeholder?(props: Pick<HTMLAttributes<HTMLDivElement>, "className">) => ReactNodeThe placeholder to render while the CDP SDK is initializing.
signOutButton?(props: Pick<SignOutButtonProps, "onSuccess">) => ReactNodeThe sign out button, rendered when the user is signed in.
signInModal?(props: Pick<SignInModalProps, "open" | "setIsOpen" | "onSuccess">) => ReactNodeThe sign in modal, rendered when the user is signed out.
⌘I