React Social Button - Argon
PROThe 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
Name | Type | Default | Description |
---|---|---|---|
size | 'small''medium''large' | medium | Change the ArgonSocialButton size. |
color | 'facebook''twitter''instagram''linkedin''pinterest''youtube''github''vimeo''slack''dribbble''reddit''tumblr' | white | Change the ArgonSocialButton background color similar to the brand color of the name that you want to use. |
circular | bool | false | If true the ArgonSocialButton get a rounded or circular shape. |
iconOnly | bool | false | If true the ArgonSocialButton will have same width andheight values, its useful when using only icon inside the ArgonSocialButton component. |
children* | node | Use 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";