Noteworthy Programming Masterpiece

    @barelyreaper/rlayouts
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.3 • Public • Published


    rlayouts

    Simple Layout Components for React




    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;
    };

    Roadmap

    • [x] Padding
    • [x] Spacer
    • [ ] Row
    • [ ] Col
    • [ ] Card

    Dev

    npm i
    npm run dev

    Build

    npm run build

    Keywords

    none

    Install

    npm i @barelyreaper/rlayouts

    DownloadsWeekly Downloads

    1

    Version

    0.0.3

    License

    MIT

    Unpacked Size

    202 kB

    Total Files

    7

    Last publish

    Collaborators

    • barelyreaper