layouts-rc v0.5.0

Layouts-rc

React component library for layouts.

Inspired by flutter layout widgets.(link)

• Typesafe
• with tailwindcss - 👌
• with CSS in js - 👌
• with css-modules - 👌

Install

npm install layouts-rc

Style apply

import 'layouts-rc/styles.css'; // top
import './globals.css';

Usage

import {
  SlotBaseComp,
  Scaffold,
  ScaffoldHeader,
  ScaffoldBody,
  ScaffoldFooter,
  Row,
  Column,
  Center,
} from 'layouts-rc';

SlotBaseComp

slot: DOCS

<SlotBaseComp asChild>
    <button>button</button>
</SlotBaseComp>

// or

<SlotBaseComp as={"button"}>button</SlotBaseComp>

Rest Component (Scaffold, Column, Row, Center)

Demo

Props

Common props

Row & Column Component props