A styleable sharing button that uses the Web Share API.

Overview

msme-sharing-button

A styleable sharing button that uses the Web Share API.

npm Version

Installation

npm i msme-sharing-button --save and load the file in your HTML.

Usage

All attributes except data-sharing-url are optional.

<msme-sharing-button
  data-buttontext="share this page"
  data-buttonclass="button"
  data-sharing-url="https://martinschneider.me"
  data-sharing-title="martinschneider.me"
  data-sharing-text="Martins Website"
></msme-sharing-button>
You might also like...

Single Page Application built using React, Context API and OMDb API.

Single Page Application built using React, Context API and OMDb API.

Movie Search App This project is a React application with functions to search for movies and add movies to favorites using OMDb API. Home Page Favorit

Sep 6, 2022

Web Audio API based Pitch Tuner application made with ReactJS.

Pitch Tuner Pitch Tuner is a ReactJS application based on WebAudio API. You can tune your guitar/ukelele from online without any application! The algo

Jul 11, 2022

A web application that allows users to book rockets and join selected space missions, Using the SpaceX API.

Space-Travelers-Hub A web application that allow users to book rockets and join selected space missions, Using the SpaceX API. This project was bootst

Dec 9, 2021

IngredientRecipeFinder - Web app built with react using Edamam API to find any recipe for an ingredient search with nutrition filters (high protein, low carb,etc)

Ingredient Recipe Finder Web app This web app built with the use of Edamam API allows you to find any type of recipe for a specific ingredient you are

Jan 4, 2022

Space Traveller hub is a web application that works with the real live data from the SpaceX API

Space Traveller hub is a web application that works with the real live data from the SpaceX API

Space Traveller hub is a web application that works with the real live data from the SpaceX API. It's a web application for a company that provides commercial and scientific space travel services.

Feb 8, 2022

Web UI to create powerful voice applications with Fonoster's API.

Fonoster — Web UI Web UI to create powerful voice applications with Fonoster's API Technical details Environment Deployed version Link Development v0.

Dec 28, 2022

Web application that consumes an API to provide an complete experience of an recipes app

Project: Recipes App Project developed studying in Trybe. Technologies and tools used React React Hooks Context API SCRUM / Kanban Project objective T

Jun 14, 2022

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

 Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Mar 11, 2022

A web-app built with next.js that can automatically install mods into a new Minecraft or MultiMC Launcher Profile using the File System Access API

Mod Installer This is a Next.js App which automatically installs fabric mods on your PC and creates a Minecraft Launcher Profile for you. Idea & Inspi

Nov 27, 2022
Owner
Martin Schneider
Martin Schneider
Customizable plugin, smooth scroll up button, on native JavaScript

up-button Customizable plugin, smooth scroll up button, on native JavaScript Description Up button initialization, call up() function, in your js file

Alexandr Zabolotny 2 May 24, 2022
A system for sharing tests between students. In RepoProvas anyone can look up old tests for their subjects and teachers or send old tests to help other students!

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Rui Neto 6 May 10, 2022
This is a minimal Next.js app where you can create birthday wishes and share the link to anyone :)

Happy Birthday Wisher Check out the Live Website This is a simple Next.js project where you can generate a birthday wish for someone. Just enter their

Gourav Khunger 21 Dec 22, 2022
Capture a famous phrase, download it without hassle and share it with your friends. 🎉

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Abraham Calsin 2 Mar 8, 2022
share link é um aplicativo onde você pode compartilhar com outras pessoas todos os seus perfis de outras plataformas.

SHARE LINKS APP Share Links é um app para você juntar todas as suas contas de outras plataformas em um só lugar. por exemplo, aquela pessoa famosa que

Arthur Rocha 8 Jun 21, 2022
This app will share good first issues.

catsup A GitHub App built with Probot that This app alerts you of good first issues. Setup # Install dependencies npm install # Run the bot npm start

Open Sauced 6 Dec 5, 2022
⚡ Pcode lets you create and share beautiful images 🎉 of your source code 🚀

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

pcode 33 Jul 14, 2022
Eisen Matrix - a prioritization app that uses Eisenhower matrix technique as workflow to prioritize a list of tasks & built with React Native

Eisen Matrix is a prioritization app that uses Eisenhower matrix technique as workflow to prioritize a list of tasks & built with React Native for learning purposes inspired by Einsen which is written in Kotlin.

Nafees Nazik 11 Nov 28, 2022
Note Port is a frontend clone of Google Keep. It uses localstorage to save your notes!

Note Port About Note Port is a frontend clone of Google Keep. It uses localstorage to save your notes! Tech Stack React Screenshots Things I want to a

Mohit Dhatrak 3 Sep 10, 2022
This a todo list project that uses webpack. In this project you will find features like adding tasks, deleting tasks, maintaining localstorage, marking tasks completed and clearing all completed tasks.

webpack-Todo list This a todo list project that uses webpack. In this project you will find features like adding tasks, deleting tasks, maintaining lo

Natnael Demelash 2 Jun 15, 2022