@precooked/react-paper

The @precooked/react-paper package provides a reusable Paper component for React, designed to resemble a sheet of paper with a folded corner. It includes flexible sizing options and can be easily styled to suit your needs.

Installation

npm install @precooked/react-paper

Usage

Here is a basic example of how to use the Paper component:

import React from "react";
import Paper from "@precooked/react-paper";

const App = () => {
  return (
    <Paper size="md" style={{ margin: "20px auto", textAlign: "center" }}>
      <h1>Hello, World!</h1>
    </Paper>
  );
};

export default App;

Props

Name	Type	Default	Description
size	"sm" | "md" | "lg"	"md"	Determines the size of the paper.
style	React.CSSProperties	undefined	Custom styles to apply to the Paper container.
children	ReactNode	undefined	The content to render inside the Paper.

Features

• Dynamic sizes (sm, md, lg) for flexibility.
• Styled entirely using JavaScript, no external CSS required.
• Built-in folded corner design for an enhanced visual appearance.

License

This project is licensed under the MIT License. See the LICENSE file for details.