[![CircleCI][circleci-badge]][circleci-link] [![NpmVersion][npm-version-badge]][npm-link] [![semantic-release][semantic-release-badge]][semantic-release-link] <!-- [![bundlesize][bundlephobia-badge]][bundlephobia] -->
npm install @edenhealth/eve[![CircleCI][circleci-badge]][circleci-link]
[![NpmVersion][npm-version-badge]][npm-link]
[![semantic-release][semantic-release-badge]][semantic-release-link]
> And [EdenHealth] called [the package] Eve, for she was the mother of
> [other front-end projects].
— God, probably
---
eve contains reusable code that can be shared between @edenhealth's front-end
projects as an NPM package. This may include:
- CSS variables for shared colors in the Eden palette
- Shared utilities for e.g., logging
To use in another project, simply install the NPM package:
``console`
$ yarn add -D @edenhealth/eveOr:
$ npm i --save-dev @edenhealth/eve
Then import the dependency -- preferably at a root level view component, if using
the styles. This will make any of eve's CSS variables accessible in child
components; e.g., to color a button "eden green" you could write:
`es6
const EdenButton = styled.a
background: var(--eden-green);
color: white;``
render(
[circleci-badge]: https://circleci.com/gh/edenhealth/eve.svg?style=shield&circle-token=4b7a18c6e9870ff9738dab4453dd6f1711395bca
[circleci-link]: https://circleci.com/gh/edenhealth/eve
[npm-link]: https://www.npmjs.com/package/edenhealth/eve.svg
[npm-version-badge]: https://img.shields.io/npm/v/@edenhealth/eve.svg
[semantic-release-badge]: https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg
[semantic-release-link]: https://github.com/semantic-release/semantic-release
[bundlephobia]: https://bundlephobia.com/result?p=@edenhealth/eve
[bundlephobia-badge]: https://badgen.net/bundlephobia/@edenhealth/eve