0.1.9 • Published 5 years ago
mrc-ui v0.1.9
ui
Демо
http://195.62.53.60:6006/?path=/story/basebutton--default
Запустить storybook локально
npm run storybook
Подключение библиотеки
- npm install -save mrc-ui
- в main.js:
import 'mrc-ui'
- если 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;
}