ng-toggle-kit

Angular toggle kit

ng-toggle-kit is a standalone, reusable and customizable components kit for Angular 18, 19 and 20.

It is designed to work with signals and Angular zoneless, providing a lightweight, flexible, and accessible theme toggle button. It is also fully compatible with SSR, CSR and prerender.

The main purpose of this kit is to allow you to obtain different components with a single installation.

Table of Contents

• Included components
• Installation
• Import
• Contribute or Report

Included components

Component	Description	Documentation
NgMenuToggle	Toggle button to handle a menu isOpen/isClose signal	See doc
NgThemeToggle	Toggle button to handle a theme isDark/isLight signal	See doc

Installation

If you want to install the latest version (currently 20):

npm install ng-toggle-kit

Angular 19:

npm install ng-toggle-kit@v19-lts

Angular 18:

npm install ng-toggle-kit@v18-lts

Import

You can import components of this kit lke this:

import { NgThemeToggle, ThemeToggleLangs, ThemeToggleCustomAria } from 'ng-toggle-kit';
import { NgMenuToggle, MenuToggleLangs, MenuToggleCustomAria } from 'ng-toggle-kit';

See the documentation for each component to learn more about the elements in the example.

Contribute or report

Choose the form that best fits your case:

• 🐞 Report a bug
• ✨ Request an improvement for an existing component
• 🧩 Suggest a new component

👉 Or go to the form selector.

License

MIT