Skip to contents

Buttons for others to connect socially to you

Usage

connectButton(
  link,
  image = NULL,
  text = NULL,
  position = c("left", "right", "inline"),
  display.inline = TRUE,
  link.out = TRUE,
  plain = FALSE,
  visit.us = FALSE,
  facebook = FALSE,
  linkedin = FALSE,
  twitter = FALSE,
  tumblr = FALSE,
  pinterest = FALSE,
  whatsapp = FALSE,
  reddit = FALSE,
  instagram = FALSE,
  blogger = FALSE,
  weibo = FALSE,
  tiktok = FALSE,
  vk = FALSE,
  telegram = FALSE,
  youtube = FALSE
)

Arguments

link

the direct link to connect to

image

image link only for pinterest

text

text link for twitter

position

position of buttons e.g "left","right","bottom","inline"

display.inline

TRUE or FALSE if the button should be inline

link.out

visit custom link

plain

logical. with or without background

visit.us

visit custom link

facebook

link to an account on Facebook

linkedin

link to an account on Linkedin

twitter

link to an account on Twitter

tumblr

link to an account on Tumblr

pinterest

link to an account on Pinterest

whatsapp

link to an account on Whatsapp

reddit

link to an account on Reddit

instagram

link to an account on Instagram

blogger

link to an account on blogger

weibo

link to an account on weibo

tiktok

link to an account on tiktok

vk

link to an account on VK or VKontakte

telegram

link to an account on Telegram

youtube

link to an account on Youtube

Value

Connect with me/us button via social links

Examples for r2social

More examples and demo pages are located at this link - https://r2social.obi.obianom.com.

Examples

connectButton(
link = "//rpkg.net",
visit.us = TRUE,
position = "left")
#> <div style="display:inline-block">
#>   <div class="r2social-link-container r2social-social-left">
#>     <a href="//rpkg.net" target="_r2socialxlink">
#>       <div class="social-btn-left" style="background-color:#cccccc">
#>         <div class="r2social-icons-left r2s-ico-link-out"></div>
#>         <p class="order-1 google-font margin-telgram" style="color:white">link out</p>
#>       </div>
#>     </a>
#>     <a href="//rpkg.net" target="_r2socialxlink">
#>       <div class="social-btn-left" style="background-color:#cccccc">
#>         <div class="r2social-icons-left r2s-ico-visit-us"></div>
#>         <p class="order-1 google-font margin-telgram" style="color:white">visit us</p>
#>       </div>
#>     </a>
#>   </div>
#> </div>
connectButton(
link = "//www.linkedin.com/in/oobianom",
linkedin = TRUE,
position = "right")
#> <div style="display:inline-block">
#>   <div class="r2social-link-container r2social-social-right">
#>     <a href="//www.linkedin.com/in/oobianom" target="_r2socialxlink">
#>       <div class="social-btn-right" style="background-color:#0A66C2">
#>         <div class="r2social-icons-right r2s-ico-linkedin"></div>
#>         <p class="order-1 google-font margin-telgram" style="color:white">linkedin</p>
#>       </div>
#>     </a>
#>     <a href="//www.linkedin.com/in/oobianom" target="_r2socialxlink">
#>       <div class="social-btn-right" style="background-color:#cccccc">
#>         <div class="r2social-icons-right r2s-ico-link-out"></div>
#>         <p class="order-1 google-font margin-telgram" style="color:white">link out</p>
#>       </div>
#>     </a>
#>   </div>
#> </div>
connectButton(
link = "//twitter.com/R2Rpkg",
twitter = TRUE, position = "inline")
#> <div style="display:inline-block">
#>   <div class="r2social-link-container r2social-social-inline">
#>     <a href="//twitter.com/R2Rpkg" target="_r2socialxlink">
#>       <div class="social-btn-inline" style="background-color:#1DA1F2">
#>         <div class="r2social-icons-inline r2s-ico-twitter"></div>
#>         <p class="order-1 google-font margin-telgram" style="color:white">twitter</p>
#>       </div>
#>     </a>
#>     <a href="//twitter.com/R2Rpkg" target="_r2socialxlink">
#>       <div class="social-btn-inline" style="background-color:#cccccc">
#>         <div class="r2social-icons-inline r2s-ico-link-out"></div>
#>         <p class="order-1 google-font margin-telgram" style="color:white">link out</p>
#>       </div>
#>     </a>
#>   </div>
#> </div>