<!-- markdownlint-disable-next-line -->
<p align="center">
  <a href="https://www.ankr.com/" rel="noopener" target="_blank"><img width="150" src="./logo.svg" alt="MUI logo"></a>
</p>

<h1 align="center">Ankr UI</h1>

## Installation 

**npm:**

**yarn:**

```sh
yarn add @ankr.com/ui @mui/material @mui/utils
```

### Adding fonts

**yarn:**

```sh
yarn add @ankr.com/assets
```

Add this code to your `index.tsx`

```js
import '@ankr.com/assets/public/fonts/index.css';
```

or add it by HTML

```html
<link
  rel="preconnect"
  href="https://assets.ankr.com"
  crossOrigin=""
/>
<link
  href="https://assets.ankr.com/fonts/index.css"
  rel="stylesheet"
/>
```

### Including of overrided MUI types

Add `client.d.ts` to your development folder (`src`) with content:

```
/// <reference types="@ankr.com/ui/client" />
```

After that you can use custom props MUI from this package:

```tsx
<Typography variant="body3" />
```

## Development

[my link](./../../apps/ui/README.md)