Skip to main content
Version: Next

SocialIcon

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

Usage#


Props#

SocialIcon#

Reference#

SocialIcon#

Component#

Type of button.

TypeDefault
React ComponentTouchableHighlight or View

activityIndicatorStyle#

Style to render when in loading state.

TypeDefault
View style(Object)None

button#

Creates button with a social icon.

TypeDefault
booleanfalse

disabled#

Disables the button, if true.

TypeDefault
booleanNone

fontFamily#

Specify different font family.

TypeDefault
stringNone

fontStyle#

Specify text styling.

TypeDefault
Text Style(Object)None

fontWeight#

Specify font weight of title if set as a button with a title.

TypeDefault
stringNone

iconColor#

Specify the color of the icon.

TypeDefault
stringwhite

iconSize#

Specify the size of the icon.

TypeDefault
number24

iconStyle#

Extra styling for icon component.

TypeDefault
View style(Object)None

iconType#

Type of icon set. Supported sets here.

TypeDefault
stringfont-awesome

light#

Reverses icon color scheme, setting background to white and icon to primary color.

TypeDefault
booleanNone

loading#

Shows loading indicator.

TypeDefault
booleanNone

onLongPress#

Function to call when pressed for a long time.

TypeDefault
FunctionNone

onPress#

Function to call when button/icon is pressed.

TypeDefault
FunctionNone

raised#

Raised adds a drop shadow, set to false to remove.

TypeDefault
booleantrue

small#

Decides the size of the activity indicator.

TypeDefault
stringNone

style#

Adds styling to the button.

TypeDefault
View style(Object)None

title#

Title if made into a button.

TypeDefault
stringNone

type#

Social media type.

TypeDefault
SocialMediaTypeNone

underlayColor#

Add Underlay color.

TypeDefault
stringNone