This is an ionic-social-buttons component, which can be used in any Ionic framework's application. No additional plugins required for this component.
ionic-social-buttons is a set of classes that contain contain social buttos from ionicons by Ionic Framework
Take a look at it with Ionic View using ID: 29dc4af3
Take a look at it with github https://github.com/cpiles/ionic-social-buttons
Please rate this plugin @ Ionic Market
- node.js, npm
- ionic
- ionic setup sass
- extract file or git clone https://github.com/cpiles/ionic-social-buttons
- cd demo/
- npm install
- bower install
- ionic serve
-
bower install ionic-social-buttons --save
-
config setup in your ionic project with ionic setup sass
-
Add the next line in your ./scss/ionic.app.scss after importing the library ionic
@import "www/lib/ionic/scss/ionic";
@import "www/lib/ionic-social-buttons/ionic-social-buttons.scss";
- The default button class from ionic is required in the next class
- social-button-square-{{social}}
- social-button-circle-{{social}}
- social-button-{{social}}
-
The default button class from ionic is required for a ionic social button
-
There are classes for large and small buttons
Color
- social-color-{{social}}
Background view
- social-view-{{social}}
Icons
- social-icon-circle-{{social}}
- social-icon-circle-outline-{{social}}
Buttons
- Required
- button (ionic)
- Icon and Text
- social-button-{{social}}
- social-button-outline-{{social}}
- Icon
- social-button-square-{{social}}
- social-button-circle-{{social}}
- Big (add class before)
- social-button-large
- Small (add class before)
- social-button-large
- Required
- android
- angular
- apple
- bitcoin
- codepen
- css3
- dropbox
- foursquare
- github
- javascript
- html5
- sass
- snapchat
- skype
- tumblr
- vimeo
- twitch
- wordpress
- yahoo
- youtube
<i class="social-icon-circle-instagram"></i>
<i class="social-icon-circle-outline-twitter">
<button class="social-button-facebook">
<button class="social-button-outline-linkedin">
<button class="button social-button-square-sass">
<button class="button social-button-square-skype">
Gmail : carlospilesdeveloper@gmail.com
Comment or Rate it : Please rate this plugin @ https://market.ionic.io/themes/ionic-social-buttons