# react-watermark-ui
> ⚛️ Watermark component for React projects 

[![NPM](https://img.shields.io/npm/v/react-watermark-ui.svg)](https://www.npmjs.com/package/react-watermark-ui)
[![NPM Downloads](https://img.shields.io/npm/dt/react-watermark-ui.svg)](https://www.npmjs.com/package/react-watermark-ui)
![Screenshot_2](https://user-images.githubusercontent.com/33124382/224512774-ed90be5b-c760-4e16-a171-04f20a2a6235.png)


## Install

```bash
npm install --save react-watermark-ui
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from 'react-watermark-ui'
import 'react-watermark-ui/dist/index.css'

class Example extends Component {
  render() {
    return (
    <div>
      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur ipsam repellendus rerum repudiandae voluptatem libero quam distinctio modi consequatur, esse nemo eaque mollitia doloremque? Optio alias repudiandae repellat dolorem praesentium?</p>
      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur ipsam repellendus rerum repudiandae voluptatem libero quam distinctio modi consequatur, esse nemo eaque mollitia doloremque? Optio alias repudiandae repellat dolorem praesentium?</p>
      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur ipsam repellendus rerum repudiandae voluptatem libero quam distinctio modi consequatur, esse nemo eaque mollitia doloremque? Optio alias repudiandae repellat dolorem praesentium?</p>
      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur ipsam repellendus rerum repudiandae voluptatem libero quam distinctio modi consequatur, esse nemo eaque mollitia doloremque? Optio alias repudiandae repellat dolorem praesentium?</p>
      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur ipsam repellendus rerum repudiandae voluptatem libero quam distinctio modi consequatur, esse nemo eaque mollitia doloremque? Optio alias repudiandae repellat dolorem praesentium?</p>
      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur ipsam repellendus rerum repudiandae voluptatem libero quam distinctio modi consequatur, esse nemo eaque mollitia doloremque? Optio alias repudiandae repellat dolorem praesentium?</p>
      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur ipsam repellendus rerum repudiandae voluptatem libero quam distinctio modi consequatur, esse nemo eaque mollitia doloremque? Optio alias repudiandae repellat dolorem praesentium?</p>
      <Watermark />
    </div>
  )
  }
}
```

## License

MIT © [Svetloslav15](https://github.com/Svetloslav15)