SocialButton

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.