vue-bitrix24
Библиотека vue-компонентов в стилистике Bitrix24
Установка
npm i -S vue-bitrix24@latest bitrix24-library@latest
Подключение
// plugins/vue-bitrix24.js
import usePlugin from 'vue-bitrix24/Plugin';
import BxButton from 'vue-bitrix24/BxButton';
import BxInput from 'vue-bitrix24/BxInput';
export default {
install: (app) => usePlugin.install(app, [BxButton, BxInput]),
};
// или экспорт всех компонентов
import usePlugin from 'vue-bitrix24';
import 'vue-bitrix24/css';
export default usePlugin;
// main.js
import { createApp } from 'vue';
import Bitrix24 from 'bitrix24-library';
import useBitrix24 from './plugins/vue-bitrix24';
import App from './App.vue';
Bitrix24.init().then((BX42) => {
createApp(App)
.provide('$BX24', BX24)
.use(useBitrix24)
.mount('#app');
});
Компоненты
- bx-alert
- bx-button
- bx-checkbox
- bx-entity-selector
- bx-icon
- bx-input
- bx-input-date (based on @vuepic/vue-datepicker)
- bx-input-file
- bx-progressbar
- bx-radio
- bx-select (based on vue-select)
- bx-textarea