# NgxSlideUnlock ![Build Status](https://travis-ci.org/joemccann/dillinger.svg?branch=master)
##### English
I have made this component since I found myself in need of one for an application that I developed a couple of months ago, and I did not find anything on the web that fulfilled this function, without further ado I hope it is to your liking and fulfills with the function
##### Español
He realizado este componente ya que me vi en la necesidad de uno para una aplicacion que desarrolle hace un par de meses, y no encontre nada en la web que me cumpliera con esta funcion, sin mas que decir espero que sea de tu agrado y cumpla con la funcion
### Installation/ Instalacion

[En] - This control was developed with [Angular](https://cli.angular.io//) version 8.+ and [Node.js](https://nodejs.org/) v10.16.1
[Es] - Este control de desarrollo con la vesion 8.+ de [Angular](https://cli.angular.io//) y  [Node.js](https://nodejs.org/) v10.16.1

```
$ npm i ngx-slide-unlock
$ npm i --save ngx-slide-unlock
```

# Custom styles / Estilos personalizados
![](https://i.ibb.co/0G3yWXz/Sin-t-tulo.png)

You can use / Puedes utilizar

| Name / Nombre | Values / Valores | default value / Valor por defecto|
| ------ | ------ |------ |
| color | light , dark, material | light |
| lang | en, es  |  en|

### For example / Por ejemplo
```html
<ngx-slide-unlock lang="es" color="dark" ></ngx-slide-unlock>
````
## Events / Eventos

| Name / Nombre | return / retorno
| ------ | ------ |
| status | true / false |
>In true value it only returns if it slides to the end
>El valor true solo se retorna si se desliza hasta el final.

```html
<ngx-slide-unlock lang="es" color="dark" (status)="myAction($event)" ></ngx-slide-unlock>
````