# cookie_toaster

> Makes tasty cookies for React.

Latest version **0.4.1** (published 2017-08-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install cookie_toaster
pnpm add cookie_toaster
yarn add cookie_toaster
bun add cookie_toaster
```

## 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.4.1 |
| Published | 2017-08-08 |
| First published | 2017-08-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 38 |
| Known vulnerabilities | 0 (+8 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Maintainers | sam_vh |

## Links

- npm: https://www.npmjs.com/package/cookie_toaster
- Repository: https://github.com/SamVanHoof/cookie_toaster
- Homepage: https://github.com/SamVanHoof/cookie_toaster#readme
- Issues: https://github.com/SamVanHoof/cookie_toaster/issues
- npm.io page: https://npm.io/package/cookie_toaster

## Dependencies (38)

- [jest](https://npm.io/package/jest.md) 20.0.4
- [chalk](https://npm.io/package/chalk.md) 1.1.3
- [react](https://npm.io/package/react.md) ^15.6.1
- [dotenv](https://npm.io/package/dotenv.md) 4.0.0
- [eslint](https://npm.io/package/eslint.md) 3.19.0
- [promise](https://npm.io/package/promise.md) 7.1.1
- [webpack](https://npm.io/package/webpack.md) 2.6.1
- [fs-extra](https://npm.io/package/fs-extra.md) 3.0.1
- [react-dom](https://npm.io/package/react-dom.md) ^15.6.1
- [babel-core](https://npm.io/package/babel-core.md) 6.25.0
- [babel-jest](https://npm.io/package/babel-jest.md) 20.0.3
- [css-loader](https://npm.io/package/css-loader.md) 0.28.4
- [url-loader](https://npm.io/package/url-loader.md) 0.5.9
- [file-loader](https://npm.io/package/file-loader.md) 0.11.2
- [autoprefixer](https://npm.io/package/autoprefixer.md) 7.1.1
- [babel-eslint](https://npm.io/package/babel-eslint.md) 7.2.3
- [babel-loader](https://npm.io/package/babel-loader.md) 7.0.0
- [style-loader](https://npm.io/package/style-loader.md) 0.18.2
- [whatwg-fetch](https://npm.io/package/whatwg-fetch.md) 2.0.3
- [babel-runtime](https://npm.io/package/babel-runtime.md) 6.23.0
- [eslint-loader](https://npm.io/package/eslint-loader.md) 1.7.1
- [object-assign](https://npm.io/package/object-assign.md) 4.1.1
- [postcss-loader](https://npm.io/package/postcss-loader.md) 2.0.6
- [react-dev-utils](https://npm.io/package/react-dev-utils.md) ^3.0.2
- [webpack-dev-server](https://npm.io/package/webpack-dev-server.md) 2.5.0
- [eslint-plugin-react](https://npm.io/package/eslint-plugin-react.md) 7.1.0
- [html-webpack-plugin](https://npm.io/package/html-webpack-plugin.md) 2.29.0
- [react-error-overlay](https://npm.io/package/react-error-overlay.md) ^1.0.9
- [eslint-plugin-import](https://npm.io/package/eslint-plugin-import.md) 2.2.0
- [babel-preset-react-app](https://npm.io/package/babel-preset-react-app.md) ^3.0.1
- [eslint-plugin-flowtype](https://npm.io/package/eslint-plugin-flowtype.md) 2.34.0
- [eslint-plugin-jsx-a11y](https://npm.io/package/eslint-plugin-jsx-a11y.md) 5.0.3
- [postcss-flexbugs-fixes](https://npm.io/package/postcss-flexbugs-fixes.md) 3.0.0
- [eslint-config-react-app](https://npm.io/package/eslint-config-react-app.md) ^1.0.5
- [webpack-manifest-plugin](https://npm.io/package/webpack-manifest-plugin.md) 1.1.0
- [sw-precache-webpack-plugin](https://npm.io/package/sw-precache-webpack-plugin.md) 0.11.3
- [extract-text-webpack-plugin](https://npm.io/package/extract-text-webpack-plugin.md) 2.1.2
- [case-sensitive-paths-webpack-plugin](https://npm.io/package/case-sensitive-paths-webpack-plugin.md) 2.1.1

## Recent versions

- 0.4.1 (latest) — 2017-08-08
- 0.3.10 — 2017-08-08
- 0.3.9 — 2017-08-04
- 0.3.8 — 2017-08-04
- 0.3.7 — 2017-08-04
- 0.3.6 — 2017-08-04
- 0.3.5 — 2017-08-04
- 0.3.4 — 2017-08-04
- 0.3.3 — 2017-08-04
- 0.3.2 — 2017-08-04
- 0.3.1 — 2017-08-04
- 0.3.0 — 2017-08-04
- 0.2.21 — 2017-08-04
- 0.2.20 — 2017-08-04
- 0.2.19 — 2017-08-04
- … 15 more at https://npm.io/package/cookie_toaster/versions

## README

Makes tasty cookies for React.

## installation
```sh
yarn add cookie_toaster
```

## use
In your root component:
```js
import {CookieToaster} from 'cookie_toaster'
...
<CookieToaster />
...
```

To modify the css you can use the following structure:
```scss
.cookie-toaster { // or cookie-toaster-modal, cookie-toaster-top
   // topmost div
  .cookie-container {
    // inner content

    h1{
      // title css
    }

    p{
      // text css
    }

    a{
      // link css
    }

    button {
      // button css
    }
  }
}
```

## components
- CookieToaster
- CookieToasterTop
- CookieToasterModal

## props
- title: String, title (duh)
- text: String, content
- btnAcceptText: String, button label
- btnDeclineText: String, button label
- accept: function, callback to handle accept
- decline: function, callback to handle decline
- popped: Boolean, set this property in your localstorage to track if cookie has been shown for the user
- linkUrl: String, a url
- linkText: String, the text to display for the link

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