An Angular bundle of components for toggling in a simple and customizable way
ngx-togglers is a bundle of standalone, reusable and customizable components for Angular 18, 19 and 20.
ngx-menu-toggler
ngx-theme-toggler
ngx-toggler
bash
npm install ngx-togglers
`
Angular 19:
`bash
npm install ngx-togglers@angular19
`
Angular 18:
`bash
npm install ngx-togglers@angular18
`
Basic Usage
Using ngx-togglers is very simple. Here you can find some basic explanations. If you want advance information see the oficial documentation of each componente (link bellow).
1. Menu Toggler
`ts
import { Component, signal } from '@angular/core';
import { NgxMenuToggler } from 'ngx-togglers';
@Component({
selector: 'app-root',
standalone: true,
imports: [NgxMenuToggler],
template:
})
export class App {
menuOpen = signal(false);
}
`
š Full documentation: ngx-menu-toggler
------------
2. Theme Toggler
`ts
import { Component, signal } from '@angular/core';
import { NgxThemeToggler } from 'ngx-togglers';
@Component({
selector: 'app-root',
standalone: true,
imports: [NgxThemeToggler],
template:
})
export class App {
darkMode = signal(false);
}
š Full documentation: ngx-theme-toggler
------------
2. Generic Toggler
`ts
import { Component, signal } from '@angular/core';
import { NgxToggler } from 'ngx-togglers';
@Component({
selector: 'app-root',
standalone: true,
imports: [NgxToggler],
template:
})
export class App {
active = signal(false);
}
``