Angular Component Drift Detection

Angular-Specific Features

Component Templates

Scans inline and external HTML templates for hardcoded styles and classes.

Component Styles

Analyzes component stylesheets including :host selectors and encapsulated CSS.

Input/Output Detection

Extracts @Input() and @Output() decorators for prop consistency analysis.

Standalone Components

Full support for Angular 14+ standalone components and signals.

NgModule Analysis

Tracks component declarations and imports across modules.

Angular Material

Detects Angular Material theme overrides and custom styling.

See it in action

buoy-cli

⚓ Scanning Angular components...

Found 78 Angular components

Found 8 NgModules

WARNING 19 hardcoded values in component styles

WARNING 4 Angular Material theme overrides

INFO 7 @Input type inconsistencies

Configuration Example

buoy.config.mjs

// buoy.config.mjs
export default {
  framework: 'angular',

  include: [
    'src/app/**/*.component.ts',
    'src/app/**/*.component.html',
    'src/app/**/*.component.scss',
  ],

  // Angular-specific options
  angular: {
    standalone: true,
    materialTheme: './src/styles/theme.scss',
  },

  tokens: './src/styles/tokens.scss',
}