Skip to main content
Version: Bleeding Edge 🚧

SocialIcon

SocialIcons are visual cues to online and social media networks. We offer a varied range of social icons.

Usage

Import

import { SocialIcon } from '@rneui/themed';

Theme Key

SocialIcon

Props

NameTypeDefaultDescription
ComponentReact ComponentPress handlers present then Pressable else ViewType of button.
activityIndicatorStyleView StyleStyle to render when in loading state.
buttonbooleanfalseCreates button with a social icon.
disabledbooleanDisables the button, if true.
fontFamilystringSpecify different font family.
fontStyleText StyleSpecify text styling.
fontWeightstringSpecify font weight of title if set as a button with a title.
iconColorstringwhiteSpecify the color of the icon.
iconSizenumber24Specify the size of the icon.
iconStyleView StyleExtra styling for icon component.
iconTypestringfont-awesomeType of icon set. Supported sets here.
lightbooleanReverses icon color scheme, setting background to white and icon to primary color.
loadingbooleanShows loading indicator.
onLongPressGestureResponderEventHandlerCalled when a long-tap gesture is detected.
onPressGestureResponderEventHandlerCalled when a single tap gesture is detected.
onPressInGestureResponderEventHandlerCalled when a touch is engaged before onPress.
onPressOutGestureResponderEventHandlerCalled when a touch is released before onPress.
pressablePropsPressableProps except click handlersNone
raisedbooleantrueRaised adds a drop shadow, set to false to remove.
smallstringDecides the size of the activity indicator.
styleView StyleAdds styling to the button.
titlestringTitle if made into a button.
typeSocialMediaTypeSocial media type.
underlayColorstringAdd Underlay color.

Playground

Loading...