# ngx-select-angle

🎉 A component for selecting an angle between 0 and 360 degrees in the Angular framework
###### preview:
![](https://mr-samani.github.io/select-angle/assets/images/select-angle.jpg)


## 📦Demo

[🚀See live demo](https://mr-samani.web.app/demo/select-angle)

## 📥 Installation

- NPM: `npm i ngx-select-angle`
- YARN: `yarn add ngx-select-angle`

## 🔰Usage

Import `NgxSelectAngleModule` to your working module

```
import { NgxSelectAngleModule } from  'ngx-select-angle';

@NgModule({
  imports: [
    NgxSelectAngleModule
  ]
})
export class AppModule { }
```

Use in your component

```
    <ngx-select-angle [(ngModel)]="angle"></ngx-select-angle>
```

   
 or



```
     <ngx-select-angle formControlName="angle"></ngx-select-angle>
```

## @Inputs

| Name           | Type   | Default | Description                    |
| -------------- | ------ | ------- | ------------------------------ |
| [size]         | number | 60      | Size of circle shape (px)      |
| [strokeWidth]  | number | 2       | border stroke width (px)       |
| [pointerWidth] | number | 4       | Size of pointer in circle (px) |
| [color]        | string | #1f2667 | color                          |

## Author

💻Mohammadreza samani | FrontEnd Developer

[❤️Buy me a coffee 😉](https://www.buymeacoffee.com/mrsamani)