ng-uux-kit

Introduction

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 menu and theme toggle buttons. 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.

Included components

Installation

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


    npm install ng-uux

Angular 19:


    npm install ng-uux@v19-lts

Angular 18:


    npm install ng-uux@v18-lts

Import

You can import components of this kit lke this:


    import { NgThemeToggle, ThemeToggleLangs, ThemeToggleCustomAria } from 'ng-uux';
import { NgMenuToggle, MenuToggleLangs, MenuToggleCustomAria } from 'ng-uux';
import { NgLinkButton } from 'ng-uux';
import { NgSimpleButton } from 'ng-uux';
import { NgContentCard } from 'ng-uux';
import { NgContentCarousel, ContentCarouselLangs, ContentCarouselCustomAria, ContentCarouselItemDirective } from 'ng-uux';
import { NgHeroCarousel, HeroCarouselLangs, HeroCarouselCustomAria, SlideForDirective } from 'ng-uux';
import { NgScrollNav, ScrollNavLangs, ScrollNavCustomAria } from 'ng-uux';
import { NgExpand } from 'ng-uux';

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