@tekad/switch

TEKAD switch — a toggle with a native checkbox inside.

Part of TEKAD UI — an Angular 22, standalone-only, signals-first component library. Guide · Source

Install

npm install @tekad/switch @tekad/core @tekad/theme

Requires Angular ^22.1.0.

Usage

Load the theme once (e.g. in styles.css):

@import '@tekad/theme/styles/tekad.css';

import { TekadSwitch } from '@tekad/switch';

@Component({
  imports: [TekadSwitch],
  template: ` <tk-switch [(checked)]="darkMode">Dark mode</tk-switch> `,
})
export class Example {}

A toggle with a native checkbox inside. Input: disabled.

License

Apache-2.0 © Tejas Kadam