import DocPage from '@docs/doc-page';
import ComponentMapperBar from '@docs/component-mapper-bar';
import Alert from '@mui/material/Alert';
import Box from '@mui/material/Box';

<DocPage>

# Evergreen

<ComponentMapperBar prefix="evergreen" href="https://evergreen.segment.com/" github="https://github.com/data-driven-forms/editor/tree/main/packages/evergreen-component-mapper" />

<br />

<Alert severity="warning">This is an incomplete mapper providing basic components to the pro editor.</Alert>

<br />


Evergreen Component Mapper provides components from [Evergreen design system](https://evergreen.segment.com/).

## Installation

```bash
npm install --save @data-driven-forms/evergreen-component-mapper
```
or
```bash
yarn add @data-driven-forms/evergreen-component-mapper
```

Evergreen has to be installed seperately. Please follow their [guidelines](https://evergreen.segment.com/introduction/getting-started).

</DocPage>