ngx-tron

Standalone Angular 19 components. Catalog: github.com/DayTroy/tron-ui.

Install

npm install ngx-tron @angular/cdk

Peer: Angular 19. Application styles must be SCSS.

Setup

In angular.json:

{
  "stylePreprocessorOptions": {
    "includePaths": ["node_modules/ngx-tron/styles"]
  },
  "styles": [
    "src/styles.scss",
    "node_modules/ngx-tron/styles/theme.scss"
  ]
}

App .scss can then @use 'tokens' and @use 'mixins'.

@use 'mixins' as *;

.page {
  @include mobile { padding: 1rem; }
  @include tablet { padding: 1.5rem; }
  @include desktop { padding: 2rem; }
}

Use

import { Component } from '@angular/core';
import { TronButtonComponent } from 'ngx-tron';

@Component({
  selector: 'app-login',
  imports: [TronButtonComponent],
  template: `<tron-button>Authenticate</tron-button>`,
})
export class LoginComponent {}