astrotrain55 / vue-bitrix24

Библиотека компонентов в стилистике Bitrix24

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

Компоненты

Storybook

• 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

Ссылки

• UI-библиотека
• bitrix24-library
• bitrix24-create-app