Default Image

Social Button

Social buttons for login or signup apps.

import { SocialButton } from '@redshank/native';

How to use

In @redshank we provide 4 types of Social Button ready for use.

  • google
  • facebook
  • twitter
  • apple

Examples

Default

You can display an button

APIs

SocialButton Props

Api props extends from Touchable

AttributeTypeAccepted valuesDescriptionDefault
ComponentComponentReact ComponentChange the element baseRipple
loadingbooleantrue falseShow loading state for the buttonfalse
disabledbooleantrue falseEnable or disable state for the buttonfalse
onPressfunction() => anyCallback when you press button-
withMarginBottombooleantrue falseMargin bottom in the element for separate viewsfalse
styleobjectStyleProp<ViewStyle>Style button wrapper-
providerenumSocialButtonProviderRequired provider for render UI-
textstringText StringCustom string to showContinues with *Provider*

SocialButton Provider

type SocialButtonProvider = 'google' | 'facebook' | 'twitter' | 'apple'

Community:

We're excited to see the community adopt @redshank/native, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!

DiscordGithub

Contributing:

PR's on @redshank/native are always welcome, please see our contribution guidelines to learn how you can contribute to this project.

Copyright © 2023 @redshank.