Vue Social Button - Material

PRO

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


Demo

Props Information

NameTypeDefaultDescription
routeStringUsed to set route to the MaterialSocialButton component.
color*'facebook''twitter''instagram''linkedin''pinterest''youtube''github''vimeo''slack''dribbble''reddit''tumblr'Used to set the background of MaterialSocialButton with the same icon brand color. It is a required prop.
component*StringUsed to set icon to the MaterialSocialButton component. It is a required prop.
labelStringUsed to set label to the MaterialSocialButton component. It is a required prop.
iconOnlyboolfalseIf true the MaterialSocialButton will have same width andheight values, its useful when using only icon inside the MaterialSocialButton component.
roundedboolfalseIf true the MaterialSocialButton will get a rounded or circular shape.

Icon Only

Rounded