Security News
How Threat Actors are Abusing GitHub’s File Upload Feature to Host Malware
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
@harisenin/react-floating-whatsapp
Advanced tools
Readme
Simple react component for adding a floating WhatsApp button to your project.
npm i react-floating-whatsapp
yarn add react-floating-whatsapp
height
that allow to control the chat box height.notification
that enable/disable repeated notifications sound and indicators.notificationDelay
to set the time delay between notifications in millisecond.notificationSound
to allow notifications sound.chatMessage
appears.position
Thanks to @jpmedeirosmorais and @jorgemndozaimport React from 'react'
import FloatingWhatsApp from 'react-floating-whatsapp'
export default function App() {
return (
<FloatingWhatsApp {/* Props */} />
)
}
Prop | Type | Options | Description | Default |
---|---|---|---|---|
phoneNumber | String | Required | Phone number in intenational format | 1234567890 |
accountName | String | Required | Account username | Account Name |
avatar | String | Optional | Change user avatar using static assets | UI Faces |
statusMessage | String | Optional | Text below the account username | Typically replies within 1 hour |
chatMessage | String | Optional | Text inside the chat box. | Hello there! 🤝 \nHow can we help? |
placeholder | String | Optional | Input placeholder. | Type a message.. |
darkMode | Boolean | Optional | Dark style. | false |
allowClickAway | Boolean | Optional | Closes the chat box when user clicks outside | false |
allowEsc | Boolean | Optional | Closes the chat box when Escape key is pressed | false |
className | String | Optional | CSS className applied to the main wrapping Div | custom-class |
styles | CSSProperties | Optional | Inline style applied to the Button only | {} |
height | Number | Optional | Control chat box height | 300 |
notification | Boolean | Optional | Allow repeated notifications (Disabled after user opens the chat box) | false |
notificationDelay | Number | Optional | Time delay between notifications in millisecond | 18000 |
notificationSound | Boolean | Optional | Allow notification sound | false |
MIT © awran5
FAQs
Simple React Component for adding a floating WhatsApp button to your project.
The npm package @harisenin/react-floating-whatsapp receives a total of 6 weekly downloads. As such, @harisenin/react-floating-whatsapp popularity was classified as not popular.
We found that @harisenin/react-floating-whatsapp demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.