
Research
/Security News
Critical Vulnerability in NestJS Devtools: Localhost RCE via Sandbox Escape
A flawed sandbox in @nestjs/devtools-integration lets attackers run code on your machine via CSRF, leading to full Remote Code Execution (RCE).
react-whatsapp-button
Advanced tools
A simple react component to show a Whatsapp floating button.
A simple react component to show a Whatsapp floating button.
Content
You can install react-whatsapp-button by entering this command
npm i react-whatsapp-button
import React from "react";
import ReactWhatsappButton from "react-whatsapp-button";
function App() {
return (
<div className="App">
<ReactWhatsappButton
countryCode="51"
phoneNumber="987654321"
/>
</div>
)
}
export default App;
import React from "react";
import ReactWhatsappButton from "react-whatsapp-button";
function App() {
return (
<div className="App">
<ReactWhatsappButton
countryCode="51"
phoneNumber="987654321"
animated
/>
</div>
)
}
export default App;
import React from "react";
import ReactWhatsappButton from "react-whatsapp-button";
function App() {
return (
<div className="App">
<ReactWhatsappButton
countryCode="51"
phoneNumber="987654321"
style={{
backgroundColor: "#00a4f5",
right: "unset",
left: "10px",
}}
/>
</div>
)
}
export default App;
You can try all the variations here: https://react-whatsapp-button.vercel.app/?path=/story/whatsapp-button--default
Attribute | Type | Default | Required | Description |
---|---|---|---|---|
countryCode | string | "" | yes | country code without +. Example: 51 |
phoneNumber | string | "" | yes | Phone Number |
message | string | "" | no | Custom message |
animated | boolean | false | no | Add an animation to the button |
callback | function | () => {} | no | Add a callback function to the button |
style | object | {} | no | Modify the default style with a custom object |
Feel free to add a new pull request to improve this amazing package.
Thank you to all the people who already contributed to this project!
Kevin Riveros 💻 |
MIT
FAQs
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.
Research
/Security News
A flawed sandbox in @nestjs/devtools-integration lets attackers run code on your machine via CSRF, leading to full Remote Code Execution (RCE).
Product
Customize license detection with Socket’s new license overlays: gain control, reduce noise, and handle edge cases with precision.
Product
Socket now supports Rust and Cargo, offering package search for all users and experimental SBOM generation for enterprise projects.