<!-- PROJECT LOGO -->

<br />
<div align="center">
<h1 align="center" style="margin-bottom: 0; border-bottom: 0">di-controls</h1>
  <p align="center">
    Flexible UI Controls in seconds!
    <br />
    <a href="https://skoropadas.github.io/di-controls/">Documentation</a>
    ·
    <a href="https://github.com/skoropadas/di-controls/issues/new/choose">Report Bug</a>
    ·
    <a href="https://github.com/skoropadas/di-controls/issues/new/choose">Request Feature</a>

[![GitHub Workflow Status][build-shield]][build-url]
[![NPM][npm-shield]][npm-url]
[![MIT License][license-shield]][license-url]
  </p>
</div>

<!-- ABOUT THE PROJECT -->

## About The Project

DIControls is a library for Angular for creating reusable, flexible UI controls using
a declarative approach.

By using it, you can create your own UI components in a matter of seconds and extend them
without additional code changes. To learn more, please refer to our documentation.

Why you should try:

- 😃 Creating a new control takes just a few seconds.
- 🧼 Your component code remains clean and contains only the necessary business logic.
- 🔄 Controls by default support working with `NgModel` and `FormControl`.
- 🚀 Created controls can be reused, extended, and provided with these capabilities to your users.
- 🧩 To connect one control to another, simply nest it inside the tag!
- 🧪 They are already covered by tests, so cover only code that you write.

<!-- GETTING STARTED -->

## Installation

To install DIControls, run:

```bash
npm i di-controls
```


<!-- CONTRIBUTING -->

## Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire,
and create. Any contributions you make are **greatly appreciated**. Please read the
[Contributing Guidelines](CONTRIBUTING.md) for more information.

<!-- MARKDOWN LINKS & IMAGES -->
<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->

[npm-shield]: https://img.shields.io/npm/v/di-controls.svg?style=for-the-badge

[npm-url]: https://www.npmjs.com/package/di-controls

[license-shield]: https://img.shields.io/github/license/skoropadas/di-controls.svg?style=for-the-badge&branch=master

[license-url]: https://github.com/skoropadas/di-controls/blob/main/LICENSE

[build-shield]: https://img.shields.io/github/actions/workflow/status/skoropadas/di-controls/release.yml?style=for-the-badge&branch=master

[build-url]: https://github.com/skoropadas/di-controls/actions
