0.1.16 • Published 4 years ago

nested-tree v0.1.16

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

react-gridlines

A grid lines background. Gridlines is a configurable React component.

Grid lines screenshot

Install

npm i -s react-gridlines

or

yarn add react-gridlines

Sample

import React from 'react';
import GridLines from 'react-gridlines';
import './App.css';

function App() {
  return (
    <div className="App">
      <GridLines className="grid-area" cellWidth={60} strokeWidth={2} cellWidth2={12}>
        <h1>Gridlines demo</h1>
      </GridLines>
    </div>
  );
}

export default App;

Supported properties

component - replace <div> with another element
cellWidth - width of the primary cell
cellHeight - height of the primary cell, equals to cellWidth if not provided
lineColor - color of the primary cell
strokeWidth - line weight of the primary cell
dashArray - line pattern of the primary cell ("3 1" --- - --- - --- - ---)
cellWidth2
cellHeight2
lineColor2
strokeWidth2
dashArray2

License

MIT

0.1.14

4 years ago

0.1.15

4 years ago

0.1.16

4 years ago

0.1.12

5 years ago

0.1.13

5 years ago

0.1.11

5 years ago

0.1.10

5 years ago

0.1.9

5 years ago

0.1.8

5 years ago

0.1.7

5 years ago

0.1.6

5 years ago

0.1.5

5 years ago

0.1.4

5 years ago

0.1.3

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago