https://github.com/nascentdigital/react-lattice

A set of flexible React components that simplify responsive web development.
https://github.com/nascentdigital/react-lattice

Last synced: about 2 months ago
JSON representation

A set of flexible React components that simplify responsive web development.

• Host: GitHub
• URL: https://github.com/nascentdigital/react-lattice
• Owner: nascentdigital
• Created: 2019-09-23T11:33:02.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T09:48:18.000Z (about 2 years ago)
• Last Synced: 2024-09-26T08:52:26.785Z (3 months ago)
• Language: TypeScript
• Size: 5.72 MB
• Stars: 3
• Watchers: 5
• Forks: 0
• Open Issues: 24
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-lattice

> A set of flexible React components that simplify responsive web development.

[![NPM](https://img.shields.io/npm/v/react-lattice.svg)](https://www.npmjs.com/package/react-lattice) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash

npm i -s @nascentdigital/react-lattice

```

## Usage

```tsx

// imports

import * as React from "react";

import {createGrid} from "@nascentdigital/react-lattice";

// define Grid (can be customized)

const Grid = createGrid();

// component

export const Page = () => {

    // render

    return (

        

                              

                Left (desktop), Top (mobile + tablet)                

            

                              

                Right (desktop), Bottom (mobile + tablet)                

            

        

    );

};

```

## License

MIT © [Nascent Digital](https://github.com/nascentdigital)