0.1.9 • Published 5 years ago

mrc-ui v0.1.9

Weekly downloads
51
License
-
Repository
-
Last release
5 years ago

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'
  1. если 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;
}