Ionic social buttons

Introduction

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

Prerequisites

• node.js, npm
• ionic
  • ionic setup sass

Demo project

• extract file or git clone https://github.com/cpiles/ionic-social-buttons
• cd demo/
• npm install
• bower install
• ionic serve

How to use

1. bower install ionic-social-buttons --save

2. config setup in your ionic project with ionic setup sass

3. 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";

Uses

1. The default button class from ionic is required in the next class

   • social-button-square-{{social}}
   • social-button-circle-{{social}}
   • social-button-{{social}}

2. The default button class from ionic is required for a ionic social button

3. There are classes for large and small buttons

Available class

• 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

Available social buttons

• android
• angular
• apple
• bitcoin
• codepen
• css3
• dropbox
• facebook
• foursquare
• google
• github
• instagram
• javascript
• html5
• linkedin
• pinterest
• reddit
• sass
• snapchat
• skype
• tumblr
• twitter
• vimeo
• twitch
• whatsapp
• wordpress
• yahoo
• youtube

Examples

  <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">

Imágenes

Contact:

Gmail : carlospilesdeveloper@gmail.com
Comment or Rate it : https://market.ionic.io/plugins/ionic-social-buttons