# Styling

## Material UI&#x20;

This was the main library used for styling the React app, check it out here [material-ui](https://material-ui.com/) , and it can be easily installed to you React app &#x20;

```bash
// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core
```

And regarding the Icons used in the app they can also be found here <https://material.io/tools/icons/?style=baseline> and to add them to any project as SVG (which is used in this project) use&#x20;

```bash
// with npm
npm install @material-ui/icons

// with yarn
yarn add @material-ui/icons
```

{% hint style="warning" %}
when importing the icons from the web page to use them in the app be aware of how to import them like in the code.&#x20;

Example: the icon named "more\_vert" needs to be imported in the way&#x20;
{% endhint %}

```jsx
import MoreIcon from '@material-ui/icons/MoreVert'
```
