a48053d20d
Squashed commit of the following:
commit f09e5111d82dce884f83ebf1150a04890c165f39
Merge: 2184d793 4b4e5a64
Author: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se>
Date: Mon Nov 1 14:21:47 2021 +0100
Merge branch 'develop' into feature/TV-857-digi-ng-icon-custom
commit 2184d7939f92956cb6f5aedc51a9f694692cb9a5
Author: WP\holno <nikola.holst-nikolic@arbetsformedlingen.se>
Date: Fri Oct 29 14:47:29 2021 +0200
Created a ui-icon-custom and removed references to digi-ng-icon-custom
25 lines
983 B
TypeScript
25 lines
983 B
TypeScript
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
|
|
/**
|
|
* This is a component for custom icons. It expects an svg as a child (with ng-content's select property explicitly set to 'svg').
|
|
* The component acts as a simple wrapper that provides icon-specific css etc.
|
|
*
|
|
* NOTE: It is encouraged to use one of the existing icon components. This is a fallback for custom needs.
|
|
*
|
|
*
|
|
* ## Usage
|
|
* ``import {UiIconCustomModule} from '@ui/_icon/icon-custom';``
|
|
*
|
|
* `<ui-icon-custom><svg>your custom svg markup here</svg></ui-icon-custom>`
|
|
*
|
|
* ## Styling
|
|
* All icons in the system makes use of `currentColor` as a default for fills and strokes. This allows for maximum flexibility for usage.
|
|
* In order for your custom svg to behave as the other icons do, it should do this also.
|
|
*/
|
|
@Component({
|
|
selector: 'ui-icon-custom',
|
|
templateUrl: './icon-custom.component.html',
|
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
})
|
|
export class IconCustomComponent {}
|