https://github.com/israeldcastro/share-button-links

Share buttons links for websites, blogs and more.
https://github.com/israeldcastro/share-button-links

buttons css links sass scss share tailwind url vue vue3 vuejs

Last synced: 3 months ago
JSON representation

Share buttons links for websites, blogs and more.

• Host: GitHub
• URL: https://github.com/israeldcastro/share-button-links
• Owner: IsraelDCastro
• Created: 2021-12-21T14:12:59.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2023-11-14T20:57:03.000Z (about 1 year ago)
• Last Synced: 2024-03-15T00:04:33.319Z (11 months ago)
• Topics: buttons, css, links, sass, scss, share, tailwind, url, vue, vue3, vuejs
• Language: Vue
• Homepage: https://share-button-links.netlify.app/
• Size: 396 KB
• Stars: 15
• Watchers: 3
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# Getting started

---

### Installation

You can install it using `yarn add share-button-links` or `npm install share-button-links`.

To import it inside your components just add:

```javascript

import {

  ButtonFacebook

} from "share-button-links/components/buttons";

```

To import the CSS or SCSS just add:

```css

@import "share-button-links/main.css";

/* or */

@import "share-button-links/main.scss";

```

Note: Most of the svg icons in buttons belong to Bootstrap Icons. and others to Tabler Icons.


# Options

### Buttons

Import button components:

```javascript

import { 

  ButtonFacebook

} from "share-button-links/components/buttons";

```

All options: `ButtonCopy, ButtonEmail, ButtonFacebook, ButtonTelegram, ButtonLinkedIn, ButtonPinterest, ButtonPocket, ButtonReddit, ButtonTumblr, ButtonTwitter, and ButtonWhatsapp`.

### Icon Buttons

Import icon button components:

```javascript

import {

  FacebookIcon

} from 'share-button-links/components/icons';

```

All options: `FacebookIcon, WhatsappIcon, TelegramIcon, TwitterIcon, LinkedInIcon, RedditIcon, PinterestIcon, TumblrIcon, PocketIcon, EmailIcon, CopyIcon`.

### Button Group

Import button group component:

```javascript

import ButtonGroup from 'share-button-links/components/button-group';

```

All options: `facebookIcon, whatsappIcon, telegramIcon, twitterIcon, linkedInIcon, redditIcon, pinterestIcon, tumblrIcon, pocketIcon, emailIcon, and copyIcon`.