Icon
Visual cues for enhancing user interaction.
import { Component } from '@angular/core';
import { provideIcons } from '@ng-icons/core';
import { lucideChevronRight } from '@ng-icons/lucide';
import { HlmIconDirective } from '@spartan-ng/ui-icon-helm';
@Component({
selector: 'spartan-icon-preview',
standalone: true,
imports: [HlmIconDirective],
providers: [provideIcons({ lucideChevronRight })],
template: `
<div>
<ng-icon hlm size='xl' name="lucideChevronRight" />
</div>
`,
})
export class IconPreviewComponent {}
Installation
npx nx g @spartan-ng/cli:ui icon
ng g @spartan-ng/cli:ui icon
Usage
import { HlmIconDirective } from '@spartan-ng/ui-icon-helm';
<ng-icon hlm size='sm' name="lucideChevronRight" />