Skip to main content
Version: 4.0.0-beta.0

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 ComponentNone

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

pressableProps​

TypeDefault
Omit<PressableProps, "onPress" or "onLongPress" or "onPressIn" or "onPressOut">None

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