# charles-lamb-layout

> Put a description here

Latest version **0.0.13** (published 2018-01-15) · 0 weekly downloads

## Install

```sh
npm install charles-lamb-layout
pnpm add charles-lamb-layout
yarn add charles-lamb-layout
bun add charles-lamb-layout
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.13 |
| Published | 2018-01-15 |
| First published | 2017-12-23 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 19 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | garethrobertlee |
| Maintainers | garethrobertlee |

## Links

- npm: https://www.npmjs.com/package/charles-lamb-layout
- npm.io page: https://npm.io/package/charles-lamb-layout

## Dependencies (19)

- [react](https://npm.io/package/react.md) ^15.5.4
- [webpack](https://npm.io/package/webpack.md) ^2.7.0
- [babel-cli](https://npm.io/package/babel-cli.md) ^6.24.1
- [node-sass](https://npm.io/package/node-sass.md) ^4.7.2
- [babel-core](https://npm.io/package/babel-core.md) ^6.24.1
- [classnames](https://npm.io/package/classnames.md) ^2.2.5
- [css-loader](https://npm.io/package/css-loader.md) ^0.28.7
- [sass-loader](https://npm.io/package/sass-loader.md) ^6.0.6
- [babel-loader](https://npm.io/package/babel-loader.md) ^7.0.0
- [style-loader](https://npm.io/package/style-loader.md) ^0.19.1
- [babel-preset-env](https://npm.io/package/babel-preset-env.md) ^1.5.1
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^4.2.2
- [babel-preset-react](https://npm.io/package/babel-preset-react.md) ^6.3.13
- [babel-preset-es2015](https://npm.io/package/babel-preset-es2015.md) ^6.3.13
- [babel-preset-stage-1](https://npm.io/package/babel-preset-stage-1.md) ^6.0.15
- [babel-preset-stage-2](https://npm.io/package/babel-preset-stage-2.md) ^6.24.1
- [babel-preset-react-app](https://npm.io/package/babel-preset-react-app.md) ^3.0.3
- [babel-plugin-transform-react-jsx](https://npm.io/package/babel-plugin-transform-react-jsx.md) ^6.24.1
- [babel-plugin-transform-object-rest-spread](https://npm.io/package/babel-plugin-transform-object-rest-spread.md) ^6.23.0

## Recent versions

- 0.0.13 (latest) — 2018-01-15
- 0.0.12 — 2017-12-24
- 0.0.11 — 2017-12-23
- 0.0.10 — 2017-12-23
- 0.0.9 — 2017-12-23
- 0.0.8 — 2017-12-23
- 0.0.7 — 2017-12-23
- 0.0.6 — 2017-12-23
- 0.0.5 — 2017-12-23
- 0.0.4 — 2017-12-23
- 0.0.3 — 2017-12-23
- 0.0.2 — 2017-12-23
- 0.0.1 — 2017-12-23

## README

# Charles Lamb Layout

## TLDR / What is it?

A Layout, with header and navbar

## How Do I use it?

### Install

```
➜  yesmate git:(dev) npm i charles-lamb-layout
```

### Import

Import into your main react component

```
import Layout from 'charles-lamb-layout';
```

### Include

Include in your main react component and pass it the links you want displayed, eg 

```
const links = [
      {path:'/',title:"home",key:1},
      {path:'/checkout',title:"checkout",key:2}
      ]
<Layout links={links}/>
```

### In context

eg with a router, in main App.js

```
 const links = [
      {path:'/',title:"home",key:1},
      {path:'/checkout',title:"checkout",key:2}]

    return (
      <Router>
        <main>
          <Layout links={links}/>
          <div>
            <Switch>
              <Route exact path="/"  component={Products}/>
              <Route path="/products/:id" component={Product} />
              <Route path="/checkout" component={Checkout} />
            </Switch>
          </div>
        </main>
      </Router>
    );
```

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