https://github.com/nascentdigital/lattice

Utility classes for responsive JS web development.
https://github.com/nascentdigital/lattice

Last synced: about 2 months ago
JSON representation

Utility classes for responsive JS web development.

• Host: GitHub
• URL: https://github.com/nascentdigital/lattice
• Owner: nascentdigital
• Created: 2019-12-03T18:26:09.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T02:19:26.000Z (almost 2 years ago)
• Last Synced: 2024-11-05T07:23:42.089Z (2 months ago)
• Language: TypeScript
• Size: 123 KB
• Stars: 0
• Watchers: 5
• Forks: 0
• Open Issues: 4
• 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 "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)