@barelyreaper/rlayouts NPM

Motivation

I copy paste the same set of components for layout in almost every react project that I work on so this is going to act as a base from now. I still prefer copying the original code around to make it easier to modify and fix when needed.

You can find the web code snippets here reaper.im/collections

Installation

npm i @barelyreaper/rlayouts
#or
yarn add @barelyreaper/rlayouts

Usage

I'm still writing proper docs, you can use the below type defs to understand the gist.

declare type IPadding = {
  children: React.ReactNode;
  x: number;
  y: number;
  all: number;
};

declare type ISpacer = {
  inline: boolean;
  x: number;
  y: number;
};