[](https://github.com/tedconf/montery)
[](https://monterey.netlify.com)
[](https://ogu14.sse.codesandbox.io/)
## Install
```sh
yarn add @tedconf/monterey
npx installPeerdeps @tedconf/monterey
```
In your app root, wrap it in Monterey's theme provider, which gives all
components inside of it access to the design tokens:
```js
import { Monterey } from '@tedconf/monterey';
const App = () => {'…your app content'};
```
## Components
- [Tokens](src/components/tokens/README.md)
- [Text](src/components/text/README.md)
- [View](src/components/view/README.md)
## Notes
If you need them, you can access token values in other ways:
```jsx
/** @jsx jsx */
import { jsx } from '@emotion/core';
import { sx, useTheme } from '@tedconf/monterey';
const CustomThing = () => {
const theme = useTheme();
return (
{theme.colors.map(color) => (
{color[0]}
)}
)
};
```