Install

npm install react-share-modal
# or
yarn add react-share-modal

---

Usage

Information about the example code, prop type, and style for the package modal.

#### basic

#### children & lang = 'ko'

$3

``jsx
import { ShareModal } from "react-share-modal";

export default function App() {
const [isOpen, setIsOpen] = useState < boolean > false;

return (
<>
setIsOpen(true)}>
open


view={isOpen}
onCancel={() => setIsOpen(false)}
theme="light"
lang="ko"
>
// children


Kakao



);
}
``

---

$3

- Facebook

* Twitter

* Telegram

* Line

* What's App

* Clipboard

---

$3

| props | type | description |
| ------------ | --------------- | ----------------------------------------------- |
| view | bool | Use isOpen state to open the modal |
| onCancel | () => void | Use this function to close the modal |
| theme | string | default: 'light' / 'dark' |
| lang | string | default: 'en' / 'ko' |
| children | React.ReactNode | You can add a sharing function through chlidren |

---

$3

| name | size |
| -------- | ----------------------- |
| icon | 50px // max-width: 48px |
| span | 12px |