1.0.7 • Published 4 years ago
@vicmie/easylayout v1.0.7
Easylayout
A simple layout component in react js
Installation
npm i @vicmie/easylayout
- FlexLayout Component
- FlexChild Component
- PositionedElement
- ListItem
- List
How to use
import React from "react";
import { PositionedElement, List, ListItem } from "@vicmie/easylayout";
{
/* building a sidebar that is fixed to the left of the webpage */
}
const SideBar = () => (
<PositionedElement left={0.3} fixed height="100vh">
<ListItem>
<List icon="❤">Home</List>
<List icon="❤">About</List>
<List icon="❤">contact</List>
</ListItem>
</PositionedElement>
);