# @raketwebbyra/grid

> A HTML / CSS grid component.

Latest version **1.0.1-alpha.4** (published 2019-01-16) · ISC license · 0 weekly downloads

## Install

```sh
npm install @raketwebbyra/grid
pnpm add @raketwebbyra/grid
yarn add @raketwebbyra/grid
bun add @raketwebbyra/grid
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1-alpha.4 |
| Published | 2019-01-16 |
| First published | 2019-01-16 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 3.2 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Daniel Johnsson |
| Maintainers | danieljohnsson |

## Links

- npm: https://www.npmjs.com/package/@raketwebbyra/grid
- Repository: https://github.com/DanielJohnsson87/raket-factory
- Homepage: https://github.com/DanielJohnsson87/raket-factory/tree/master/packages/grid#readme
- Issues: https://github.com/DanielJohnsson87/raket-factory/issues
- npm.io page: https://npm.io/package/@raketwebbyra/grid

## Dependencies (4)

- [react](https://npm.io/package/react.md) ^16.7.0
- [node-sass](https://npm.io/package/node-sass.md) ^4.11.0
- [react-dom](https://npm.io/package/react-dom.md) ^16.7.0
- [react-scripts](https://npm.io/package/react-scripts.md) ^2.1.3

## Recent versions

- 1.0.1-alpha.4 (latest) — 2019-01-16
- 1.0.1-alpha.3 — 2019-01-16
- 1.0.1-alpha.2 — 2019-01-16
- 1.0.1-alpha.1 — 2019-01-16

## README

---
id: grid
title: Grid
---

Proin aliquam, ligula sit amet vulputate rhoncus, odio diam ornare nibh, id feugiat erat purus eu magna. Quisque mattis dolor sed est iaculis, id fermentum lacus consequat. Aliquam erat volutpat. Pellentesque faucibus quis libero nec tristique. 🤖

[Open in Codesandbox](https://codesandbox.io/s/github/DanielJohnsson87/raket-factory/tree/master/packages/grid)

[Go to GitHub](https://github.com/DanielJohnsson87/raket-factory/tree/master/packages/grid)


| Prop          | Desc                      | Required  |
| ------------- |:-------------:            | -----:|
| text          | Button text               | Yes    |
| type          | primary / secondary       | No     |
| onClick       | callback function         | No     |

### Grid - 2 Columns preview

![Alt text](https://github.com/DanielJohnsson87/raket-factory/blob/master/packages/grid/public/grid-2.png?raw=true "Optional Title")


### Grid - 3 Columns preview

![Alt text](https://github.com/DanielJohnsson87/raket-factory/blob/master/packages/grid/public/grid-3.png?raw=true "Optional Title")

### React `Grid` example

```jsx
import Grid from './Grid'
<Grid columns={'2'}>
    <div> Item 1 </div>
    <div> Item 2 </div>
    <div> Item 3 </div>
    <div> Item 4 </div>
</Grid>
```

### Raw Html `Grid` equivalent

```html
<div class="grid grid--2">
    <div> Item 1 </div>
    <div> Item 2 </div>
    <div> Item 3 </div>
    <div> Item 4 </div>
</div>
```

---
_Source: https://npm.io/package/@raketwebbyra/grid · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._