mrc-ui

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;
}