npm package: @rafdel/jara
Description: Collection of reusable renderless Vue.js components
Author: Samuel Oloruntoba
Latest version: 0.1.2

<h1 align="center">Jara (Vue Renderless Components)</h1>
<p align="center">
Jara /ʤɑraˈ/ pronounced <em>Jah-rah</em> which means extra in <a href="https://en.wikipedia.org/wiki/Yoruba_language">Yoruba</a>
</p>

<hr/>

<p align="center">
  <a href="https://circleci.com/gh/Rafdel/Jara">
    <img src="https://circleci.com/gh/Rafdel/Jara.svg?style=svg" alt="">
  </a>
  <a href="https://codecov.io/github/rafdel/jara">
    <img src="https://img.shields.io/codecov/c/github/rafdel/jara.svg?longCache=true" alt="">
  </a>
  <a href="http://makeapullrequest.com/">
    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?longCache=true" alt="">
  </a>
  <a href="https://github.com/rafdel/jara/blob/master/.github/CODE_OF_CONDUCT.md">
    <img src="https://img.shields.io/badge/code%20of-conduct-red.svg?longCache=true" alt="">
  </a>
  <a href="http://npmcharts.com/compare/@rafdel/jara">
    <img src="https://img.shields.io/npm/dm/@rafdel/jara.svg?longCache=true" alt="">
  </a>
  <a href="https://github.com/rafdel/jara/blob/master/LICENSE">
    <img src="https://img.shields.io/apm/l/vim-mode.svg?longCache=true" alt="">
  </a>
</p>

<hr/>

Jara is a collection of [renderless Vue components][renderless-components] that aims to make development with Vue.js simpler, more flexible, WAI-ARIA compliant and funner :wink:. Heavily inspired by [Downshift](https://github.com/paypal/downshift).

> **Disclaimer**: Jara is still under active development and will be ready once we feel we can move forward with the components we support. [Contributions](.github/CONTRIBUTING.md) welcome.

&mdash; Built by [Samuel Oloruntoba][my-twitter] at [Rafdel Digital][rafdel]

## Documentation

You can checkout the [official documenatation][vuejara] where We have an [introductory](https://vuejara.com/guide/) guide, a [quick start][quick-start], [understanding how we build components](https://vuejara.com/guide/internals.html) guide and some [frequently asked questions](https://vuejara.com/guide/faqs.html). Feel free to check them out.

## Components

| Component                                        | Status              | Description                                                                                |
|--------------------------------------------------|---------------------|--------------------------------------------------------------------------------------------|
| [Toggle](https://vuejara.com/components/toggle/) | ![][badge-progress] | Build components with `on`-`off` state                                                     |
| DatePicker                                       | ![][badge-planning] | Build components that allow you pick dates                                                 |
| Suggest                                          | ![][badge-planning] | Build components that allow you to create autocomplete-like widgets                        |
| Popover                                          | ![][badge-planning] | Build components like modals, dropdowns, dropups etc.                                      |
| Portal                                           | ![][badge-planning] | Build components that let you render the contents of a component within another component. |

*You can suggest a component by creating an [issue][]*

## Usage :memo::memo:

On the [official website][vuejara], we have a [quick start][quick-start] guide and each component has API documentation and examples to accompany them.

## Questions

For questions and support please use the [community chat][community-chat]. The issue list of this repo is exclusively for bug reports and feature requests.

## Issues

If you discovered any bug or would like to make a feature request, you can create a [new issue][issue].

## License

This project is licensed under the [MIT](LICENSE.md) LICENSE.

[vue]: https://vuejs.org
[vuejara]: https://vuejara.com
[rafdel]: https://rafdel.co
[my-twitter]: https://twitter.com/kayandrae07
[issue]: https://github.com/Rafdel/jara/issues
[quick-start]: https://vuejara.com/guide/quick-start.html
[community-chat]: https://spectrum.chat/jara
[renderless-components]: #
[badge-progress]: https://img.shields.io/badge/status-progress-blue.svg
[badge-planning]: https://img.shields.io/badge/status-planning-orange.svg