All files / components/icon icon.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
5x
5x
5x
 
 
 
 
 
 
 
 
 
 
5x
109x
109x
109x
109x
109x
 
 
import { ChangeDetectionStrategy, Component, input } from '@angular/core';
import { MatIcon } from '@angular/material/icon';
import { TooltipPosition, MatTooltip } from '@angular/material/tooltip';
 
export type IconSize = 'small' | 'medium' | 'large' | 'xlarge';
 
@Component({
    selector: 'ui-icon',
    imports: [MatIcon, MatTooltip],
    templateUrl: './icon.component.html',
    styleUrl: './icon.component.scss',
    changeDetection: ChangeDetectionStrategy.OnPush,
})
export class IconComponent {
    readonly name = input<string>();
    readonly svgIcon = input<string>();
    readonly size = input<IconSize>('medium');
    readonly tooltip = input<string>();
    readonly tooltipPosition = input<TooltipPosition>('below');
}