Developer mode
Opens components on the React tab by default.
Your bookmarks

SocialButton

Lets users sign in using a social service.

Users often don’t want to create new accounts for every service they use. Some like using identity managers they know and trust.

Shorten the time to accessing your service by offering them the chance to sign in with a trusted provider using a SocialButton.

Component status

Figma
Released
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Sketch
n/a
import SocialButton from "@kiwicom/orbit-components/lib/SocialButton";
import Stack from "@kiwicom/orbit-components/lib/Stack";
<Stack direction="column">
  <SocialButton type="apple">Sign in with Apple</SocialButton>
  <SocialButton type="facebook">Sign in with Facebook</SocialButton>
  <SocialButton type="google">Sign in with Google</SocialButton>
</Stack>

Related components

Button

SocialButtons are only for signing in with a given service. For any other action, use one of the variants of a button.