React Social Button - Argon

PRO

The ArgonSocialButton component provides different styles for creating a social media button.


The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.

Demo

// Argon Dashboard 2 MUI Components import ArgonSocialButton from "components/ArgonSocialButton"; // @mui icons-material components import FacebookIcon from "@mui/icons-material/Facebook";

Props Information

NameTypeDefaultDescription
size'small''medium''large'mediumChange the ArgonSocialButton size.
color'facebook''twitter''instagram''linkedin''pinterest''youtube''github''vimeo''slack''dribbble''reddit''tumblr'whiteChange the ArgonSocialButton background color similar to the brand color of the name that you want to use.
circularboolfalseIf true the ArgonSocialButton get a rounded or circular shape.
iconOnlyboolfalseIf true the ArgonSocialButton will have same width andheight values, its useful when using only icon inside the ArgonSocialButton component.
children*nodeUse to pass node or content inside the ArgonSocialButton, its the only required prop.

Icon Only

// Argon Dashboard 2 MUI Components import ArgonSocialButton from "components/ArgonSocialButton"; // @mui icons-material components import TwitterIcon from "@mui/icons-material/Twitter";

Circular

// Argon Dashboard 2 MUI Components import ArgonSocialButton from "components/ArgonSocialButton"; // @mui icons-material components import InstagramIcon from "@mui/icons-material/Instagram";