# mrc-ui

> ### Демо

Latest version **0.1.9** (published 2019-12-29) · 0 weekly downloads

## Install

```sh
npm install mrc-ui
pnpm add mrc-ui
yarn add mrc-ui
bun add mrc-ui
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.9 |
| Published | 2019-12-29 |
| First published | 2019-09-10 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 7 |
| Unpacked size | 2.2 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | melang4000 |

## Links

- npm: https://www.npmjs.com/package/mrc-ui
- npm.io page: https://npm.io/package/mrc-ui

## Dependencies (7)

- [vue](https://npm.io/package/vue.md) ^2.6.6
- [core-js](https://npm.io/package/core-js.md) ^2.6.5
- [vue-i18n](https://npm.io/package/vue-i18n.md) ^8.11.2
- [vue-text-mask](https://npm.io/package/vue-text-mask.md) 6.1.2
- [vue-smooth-scrollbar](https://npm.io/package/vue-smooth-scrollbar.md) 0.1.2
- [@storybook/addon-knobs](https://npm.io/package/@storybook/addon-knobs.md) ^5.1.11
- [@storybook/addon-storysource](https://npm.io/package/@storybook/addon-storysource.md) ^5.1.11

## Recent versions

- 0.1.9 (latest) — 2019-12-29
- 0.1.8 — 2019-10-11
- 0.1.7 — 2019-09-13
- 0.1.6 — 2019-09-12
- 0.1.5 — 2019-09-11
- 0.1.4 — 2019-09-10
- 0.1.3 — 2019-09-10
- 0.1.2 — 2019-09-10
- 0.1.1 — 2019-09-10
- 0.1.0 — 2019-09-10

## README

# ui

### Демо

http://195.62.53.60:6006/?path=/story/basebutton--default


### Запустить storybook локально
```
npm run storybook
```

### Подключение библиотеки

1. npm install -save mrc-ui
2. в main.js:
```
import 'mrc-ui'

```
3. если VueI18n до этого не использовалась, то:
```
import 'mrc-ui'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n);
```

в инстансе Vue добавляем строчку i18n: new VueI18n({}), например:

```
new Vue({
  render: h => h(App),
  i18n: new VueI18n({})
}).$mount('#app')
```

### Использование компонентов

```
<BaseButton text="Кнопка" />
```

```
<BaseCheckbox />
```

```
<icon-plane />
```

```
<BaseFormTextInput  placeholder="Имя клиента" />
```

### Использование заголовков h1, h2...

```
<style lang="scss">
#app { //свой айди или класс, в котором нужны заголовки
  @import "~myrentacar-ui/dist/_headers";
}
```
### Использование типографии, например BodyL600

```
<template>
<div class="BodyL600">test</div>
</template>


<style lang="scss">
@import "~myrentacar-ui/dist/_vars";
@import "~myrentacar-ui/dist/_typography";

</style>
```

### Использование цветов

```
<style lang="scss">
@import "~myrentacar-ui/dist/_vars";

.myclass {
  color: $green-200;
}

```

---
_Source: https://npm.io/package/mrc-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._