ionic social buttons

ionic social buttons

ionic-social-buttons is a set of classes that contain social buttos from ionicons by Ionic Framework

$0.00

cpiles

cpiles

Member since 2015

Details

Version:
1.0
Ionic:
1.x  
Platforms:
iOS, Android  
Released:
4 years ago
Updated:
4 years ago
Category:
Themes
Tags:
ionic social button, ionic social, ionicons, social, Ionic Framework,

postimage 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

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

css @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}}
    1. The default button class from ionic is required for a ionic social button
    2. 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

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

img5img1img2img3img4img6img7img8

Contact:

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