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