Bitrix24 UI for developing web applications REST API for NUXT & VUE
Find more details in the documentation
Visit https://bitrix24.github.io/b24ui/ to explore the documentation.
pnpm add @bitrix24/b24ui-nuxt @bitrix24/b24icons-vue tailwindcssyarn add @bitrix24/b24ui-nuxt @bitrix24/b24icons-vue tailwindcssnpm install @bitrix24/b24ui-nuxt @bitrix24/b24icons-vue tailwindcssyarn add @bitrix24/b24ui-nuxt @bitrix24/b24icons-vue tailwindcss- Add the Bitrix24 UI module in your
nuxt.config.ts:
export default defineNuxtConfig({
modules: ['@bitrix24/b24ui-nuxt']
})- Import Tailwind CSS and Bitrix24 UI in your CSS:
@import "tailwindcss";
@import "@bitrix24/b24ui-nuxt";Learn more in the installation guide.
- Add the Bitrix24 UI Vite plugin in your
vite.config.ts:
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import bitrix24UIPluginVite from '@bitrix24/b24ui-nuxt/vite'
export default defineConfig({
plugins: [
vue(),
bitrix24UIPluginVite()
]
})- Use the Bitrix24 UI Vue plugin in your
main.ts:
import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
import b24UiPlugin from '@bitrix24/b24ui-nuxt/vue-plugin'
import App from './App.vue'
const app = createApp(App)
const router = createRouter({
routes: [],
history: createWebHistory()
})
app.use(router)
app.use(b24UiPlugin)
app.mount('#app')- Import Tailwind CSS and Bitrix24 UI in your CSS:
@import "tailwindcss";
@import "@bitrix24/b24ui-nuxt";Learn more in the installation guide.