Introduction

Project Link

NPM

This is a react layout package to help you managing your UI layout

Under Development

NOTE : The package may be unstable till it is in under development.

This is just the layout package and typography package. It will give you structure not design

About


ReactJS

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”. We'll get to the funny XML-like tags soon. ... Here, ShoppingList is a React component class, or React component type

Getting Started

To Install It : npm i react-layout-handler
Add This Components To use it for Layouts :

            
import {   Wrapper} from "react-layout-handler";
import {
Container ,
Grid50,
Grid25,
Grid75,
FullWidth
} from 'react-layout-handler'
import {
Menu,
Nav,
MenuContainer
} from 'react-layout-handler'
import { Card } from ".react-layout-handler";
import {
H1,
H2 ,
H3,
H4,
H5,
H6,
Code,
XLT,
LT,
MT,
ST,
P
} from "react-layout-handler";


For Testing in local environment

Download or clone the repository https://github.com/anikethsaha/react-layout-handler.git

install dependencie using npm i

To start the development server and to run the project type npm run dev

To make any changes and run again npm run build

Check the src/index.js and see through the components used

Component files are in src/component

How to contribute

Do a pull request and make changes and merge the changes