# vue-bitrix24

[![NPM Version](https://img.shields.io/npm/v/vue-bitrix24?style=flat&logo=npm&label=version&color=cb3837)](https://www.npmjs.com/package/vue-bitrix24)
[![NPM Downloads](https://img.shields.io/npm/dw/vue-bitrix24?style=flat&logo=npm&color=cb3837)](https://www.npmjs.com/package/vue-bitrix24)
[![npm bundle size](https://img.shields.io/bundlephobia/min/vue-bitrix24?style=flat&logo=npm&color=cb3837)](https://www.npmjs.com/package/vue-bitrix24)

[![GitHub Repo stars](https://img.shields.io/github/stars/vdistortion/ui-bitrix24?style=flat&logo=github)](https://github.com/vdistortion/ui-bitrix24)
[![GitHub forks](https://img.shields.io/github/forks/vdistortion/ui-bitrix24?style=flat&logo=github)](https://github.com/vdistortion/ui-bitrix24)
[![GitHub Created At](https://img.shields.io/github/created-at/vdistortion/ui-bitrix24?style=flat&logo=github)](https://github.com/vdistortion/ui-bitrix24)

Component library in Bitrix24 style

## Install

```nodejs
npm i -S vue-bitrix24@latest bitrix24-library@latest
```

## Use

```vue
// App.vue
<template>
  <bx-button menu>bx-button</bx-button>
</template>

<script setup lang="ts">
import { BxButton } from 'vue-bitrix24';
</script>
```

## Components

### [Storybook](https://vdistortion.github.io/ui-bitrix24/vue)

- bx-alert
- bx-button
- bx-checkbox
- bx-icon
- bx-input
- bx-input-file
- bx-progressbar
- bx-radio
- bx-tag-selector
- bx-textarea

## Links

- [bitrix24-library](https://www.npmjs.com/package/bitrix24-library)
- [bitrix24-create-app](https://www.npmjs.com/package/bitrix24-create-app)
- [bitrix24-stickerpack-app](https://github.com/vdistortion/bitrix24-stickerpack-app)
- [UI library](https://dev.1c-bitrix.ru/api_d7/bitrix/ui/index.php)