ng-toggle-button

ng-toggle-button

He desarrollado un componente de Angular que puedes usar en tus proyectos, se trata de un botón switch o toggle, funciona de manera similar a un checkbox. Te invito a ver la demo (opens new window), donde podrás probarlo.

# Cómo usarlo

Para empezar, lo primero es instalarlo:

npm i ng-toggle-button
o
yarn add ng-toggle-button

Luego lo importas en tu módulo

import { NgToggleModule } from 'ng-toggle-button';
@NgModule({
  ...
  imports: [
    ...,
    NgToggleModule
  ],
})

y lo usas

<ng-toggle
  [value]="true"
  [color]="{
    unchecked: '#939da2',
    checked: '#f62d51'
  }"
></ng-toggle>

# Recursos

GitHub (opens new window)

StackBlitz (opens new window)

npm (opens new window)


Victor
2020 with ❤️ By Victor