react-page-border

react-page-border is a react component that adds rounded borders to the entire page.

Features

• SSR support
• TypeScript support

Installation

npm i --save react-page-border

Usage

import PageBorder from "react-page-border";

export default function App(): JSX.Element {
  return (
    <PageBorder borderColor="blue" borderSize={12} roundSize={12}>
      hoge
    </PageBorder>
  );
}

Props

| Return | Type | Description | | ----------- | :--------------: | :-----------: | | borderColor | string | Required. | | borderSize | string or number | Required. | | borderStyle | CSSProperties | | | children | ReactNode | Required. | | className | string | | | marginSize | string or number | | | roundSize | string or number | Required. | | style | CSSProperties | | | zIndex | number | |