1.1.1 • Published 1 year ago

screen-mark-react v1.1.1

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

screen-mark-react

A simple React component for adding watermark to your screen.

Playground

https://screen-mark-react-playground.netlify.app/

Installation

npm install screen-mark-react

or

yarn add screen-mark-react

Code Implementation

import { useState } from "react";
import { ScreenMark } from "screen-mark-react";

const Home = () => {
  const [darkMode, setDarkMode] = useState(false);

  return (
    <div className={darkMode ? "dark" : ""}>
      <ScreenMark
        title="Hello World!"
        content="For testing purpose only"
        withTimestamp={false}
        fontColor={darkMode ? "white" : "black"}
        fontSize={14}
      />
    </div>
  );
};

export default Home;

Props

PropTypeDefaultDescription
contentstring-The content to be displayed in the watermark.
fontColorCSSProperties["color"]"black"The color of the text in the watermark.
fontSizeCSSProperties["fontSize"]"16px"The size of the text in the watermark.
titlestring-The title to be displayed in the watermark.
withTimestampbooleanfalseWhether to include a timestamp in the watermark.
heightMarknumber100The height of each watermark mark.
widthMarknumber250The width of each watermark mark.
1.1.1

1 year ago

1.1.0

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago

0.1.6

1 year ago

0.1.5

1 year ago

0.1.2

1 year ago

0.1.1

1 year ago

0.1.0

1 year ago