# Getting started

This is the documentation for the react-native components used by dormakaba digital.

{% hint style="info" %}
All the components are created in a pure fashion and are unaware of state management, ...
{% endhint %}

The repository can be found here: <https://github.com/dormakaba-digital/digital-reactnative-visual/blob/master/README.md>

### Installation

The module is provided as an npm module:

```bash
npm install @dormakaba/digital-reactnative-visual --save
```

Install and link the peer dependencies

```bash
# install dependencies
npm i react-native-vector-icons --save
npm i react-native-camera --save
npm i react-native-image-crop-picker --save
npm i react-native-svg --save

# link
node node_modules/react-native/local-cli/cli.js link
```

Copy the fonts and link them

copy <https://github.com/dormakaba-digital/digital-reactnative-visual/tree/master/assets> to your project \`/assets\`

```bash
# copy assets first and add assets to package.json
"rnpm": {
  "assets": [
    "./assets/fonts/"
  ]
},

# link
node node_modules/react-native/local-cli/cli.js link
```

Make sure you embed needed binaries for the image-crop-picker\
<https://github.com/ivpusic/react-native-image-crop-picker#step-2-1>

![](https://3422846761-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGP0U4aBj2zuNdsU1Qu%2F-LHl8dUzlR2gY_A30G9z%2F-LHl8tkAMYrjnoBvV-D8%2FScreen%20Shot%202018-07-19%20at%2008.05.49.png?alt=media\&token=dadfb8ce-d044-4834-9779-2657cf9fcd4b)

### Using the components

All components and utils are provided as named exports

```javascript
import { Textfield, colors } from '@dormakaba/digital-reactnative-visual'
```