force
force copied to clipboard
[WIP]: puzzle
The type of this PR is: TYPE
This PR solves [GRO-]
Description
react-web-share
Author: Harsh Zalavadiya
Description: Tiny [Web Share API](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share) wrapper with fallback for unsupported browsers
Homepage: https://github.com/hc-oss/react-web-share#readme
Created | about 2 years ago |
Last Updated | 9 days ago |
License | MIT |
Maintainers | 1 |
Releases | 33 |
Direct Dependencies | |
Keywords | react, share, web-share, native, fallback, polyfill, component, tiny and lightweight |
README
react-web-share
Tiny Web Share API wrapper with fallback for unsupported browsers
💡 most browsers restricts web share api only to https websites
✨ Features
- 🍃 Only ~6kb gzipped and no external dependencies
- 🌀 Uses React Portal
- ✌ Written w/ TypeScript
🔧 Installation
npm i react-web-share # npm
yarn add react-web-share # yarn
Preview
Mobile
Desktop
📦 Example
import React, { useState } from "react";
import { RWebShare } from "react-web-share";
const Example = () => {
return (
<div>
<RWebShare
data={{
text: "Like humans, flamingos make friends for life",
url: "https://on.natgeo.com/2zHaNup",
title: "Flamingos",
}}
onClick={() => console.log("shared successfully!")}
>
<button>Share 🔗</button>
</RWebShare>
</div>
);
};
export default Example;
👀 Props
Prop | Description | Type | Default |
---|---|---|---|
data |
Share Object | {text, url, title} |
{text: "", url: currentURL, title: "Share"} |
sites |
sites | string[] |
all platforms (see list below for key list) |
closeText |
translate close | string |
localise close text |
onClick |
callback on sucessful share |
🌎 Sites
- telegram
- copy (Copy to Clipboard)
- vk
- okru
📜 License
MIT © harshzalavadiya
react-motion
Author: Unknown
Description: A spring that solves your animation problems.
Homepage: https://github.com/chenglou/react-motion#readme
Created | almost 7 years ago |
Last Updated | about 4 years ago |
License | MIT |
Maintainers | 2 |
Releases | 27 |
Direct Dependencies | performance-now , prop-types and raf |
Keywords | react, component, react-component, transitiongroup, spring, tween, motion, animation, transition and ui |
New dependencies added: react-motion
and react-web-share
.
Generated by :no_entry_sign: dangerJS against adad37e1dd3e3884adab266ca08c44ab62827416
omg put it under /artwork/:slug/puzzle
and ship it haha
👋 Heads up! A major change is incoming in Force, where we flatten out the src/v2
directory into src
. This will take place next Thursday and be merged in, which could impact PRs with rebase conflicts (since all of our import paths will soon change). If your PR can be merged in, please do so by next Weds. (See this thread for more info.)
@rajsam003 - gonna close this, feel free to reopen when wanting to work on it again!