ionic social buttons

ionic social buttons

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

Free!

(1)
cpiles

cpiles

Member since 2015

Details

Version:
1.0
Size:
5mb
Ionic:
1.0 beta
Platforms:
iOS, Android
View ID:
29dc4af3
Released:
5 years ago
Updated:
5 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

@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

img5 img1 img2 img3 img4 img6 img7 img8

Contact:

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

Hey there! You'll need to log in before you can leave a comment here.

Robson Reis

Robson Reis   ·   4 years ago

Is it possible to use these social buttons in ionic 3? I have tried the installations steps below and did not succeed. Can you give me the steps to install in ionic 3?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Robson Reis

Robson Reis   ·   4 years ago

Is it possible to use these social buttons in ionic 3? I have tried the installations steps below and did not succeed. Can you give me the steps to install in ionic 3?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Robson Reis

Robson Reis   ·   4 years ago

Is it possible to use these social buttons in ionic 3? I have tried the installations steps below and did not succeed. Can you give me the steps to install in ionic 3?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Robson Reis

Robson Reis   ·   4 years ago

Is it possible to use these social buttons in ionic 3? I have tried the installations steps below and did not succeed. Can you give me the steps to install in ionic 3?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Hey there! You'll need to log in before you can leave a rating here.

Raphael Rodrigues   ·     ·   4 years ago

Nice set of buttons o/

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

Raphael Rodrigues    ·     ·   4 years ago

Nice set of buttons o/