# Form elements

It's a vue form element package.

<a href="https://sonarcloud.io/summary/new_code?id=Kozmonos_package-vue-form-elements">
	<img width="200" src="https://sonarcloud.io/images/project_badges/sonarcloud-white.svg" alt="SonarCloud"/>
</a>

<br/>
<br/>



[![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=Kozmonos_package-vue-form-elements&metric=sqale_rating)](https://sonarcloud.io/summary/new_code?id=Kozmonos_package-vue-form-elements)
[![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=Kozmonos_package-vue-form-elements&metric=reliability_rating)](https://sonarcloud.io/summary/new_code?id=Kozmonos_package-vue-form-elements)
[![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=Kozmonos_package-vue-form-elements&metric=security_rating)](https://sonarcloud.io/summary/new_code?id=Kozmonos_package-vue-form-elements)

![CircleCI](https://img.shields.io/circleci/build/gh/Kozmonos/package-vue-form-elements?style=flat-square)
[![codecov](https://img.shields.io/codecov/c/github/Kozmonos/package-vue-form-elements?style=flat-square)](https://codecov.io/gh/Kozmonos/package-vue-form-elements)


[![npm version](https://img.shields.io/npm/v/@kozmonos/form-elements?style=flat-square)](https://www.npmjs.com/package/@kozmonos/form-elements)
![npm bundle size](https://img.shields.io/bundlephobia/min/@kozmonos/form-elements?style=flat-square)


## BEFORE USAGE 

After installation you have to import selected css files.
```js
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
```

## Package

[![Npm](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white)](https://www.npmjs.com/package/@kozmonos/form-elements)

## Documentation

[![Storybook](https://img.shields.io/badge/storybook-FF4785?style=for-the-badge&logo=storybook&logoColor=white)](https://master--626e63bb3e6c25004ac0bcb1.chromatic.com)


## Development

[![Open in Gitpod](https://img.shields.io/badge/gitpod-e96b0f.svg?style=for-the-badge&logo=gitpod&logoColor=white)](https://gitpod.io/#https://github.com/Kozmonos/package-vue-form-elements)
[![Open in CodeSandbox](https://img.shields.io/badge/codesandbox-0971f1.svg?style=for-the-badge&logo=codesandbox&logoColor=white)](https://githubbox.com/Kozmonos/package-vue-form-elements)


## Support us

[![Patreon](https://img.shields.io/badge/Patreon-F96854?style=for-the-badge&logo=patreon&logoColor=white)](https://www.patreon.com/kozmonos)
[![Buy Me A Coffe](https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://www.buymeacoffee.com/kozmonos)
[![Kofi](https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge&logo=ko-fi&logoColor=white)](https://ko-fi.com/kozmonos)
[![Liberapay](https://img.shields.io/badge/Liberapay-F6C915?style=for-the-badge&logo=liberapay&logoColor=black)](https://liberapay.com/kozmonos/donate)
[![Github Sponsor](https://img.shields.io/badge/sponsor-30363D?style=for-the-badge&logo=GitHub-Sponsors&logoColor=#white)](https://github.com/sponsors/Kozmonos)
![Open Collective](https://img.shields.io/badge/OpenCollective-1F87FF?style=for-the-badge&logo=OpenCollective&logoColor=white)

## Communicate

[![Telegram](https://img.shields.io/badge/Telegram-2CA5E0?style=for-the-badge&logo=telegram&logoColor=white)](https://t.me/kozmonos)
[![Mail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:opensource@kozmonos.com)