react-whatsapp-styled-ui-hebrew

A Whatsapp chat screenshot design, build with React, TS, CSS.

Installation

npm i react-whatsapp-styled-ui-hebrew

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 App

Demo

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.

License

ISC License (ISC)