react-whatsapp-styled-ui
A Whatsapp chat screenshot design, build with React, TS, CSS.
Installation
npm i react-whatsapp-styled-ui
Usage
import React from 'react';
import WhatsappUi from 'react-whatsapp-styled-ui-hebrew';
function App() {
return (
<div>
<WhatsappUi message={'Hi!'} size={70} phoneNumber={'9765555555555'}/>
</div>
)
}
export default AppDemo
You can see the Demo (in English version) here.
Configuring
Fot the component will work fine you have to Set all this props:
| Name | Type | Description |
|---|---|---|
| message | string | Sers the message. |
| phoneNumber | string | Sets the phone number. Yuo can do it with useState. |
| size | number | Sets the Size of the component in vh. the width relative to the height. |
Contributing
Pull requests are welcome. See the Issues of this project.
