src/app/core/common-components/pill/pill.component.ts
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | app-pill |
| standalone | true |
| styleUrls | ./pill.component.scss |
| templateUrl | ./pill.component.html |
No results matching.
import { Component, ChangeDetectionStrategy } from "@angular/core";
@Component({
changeDetection: ChangeDetectionStrategy.OnPush,
selector: "app-pill",
templateUrl: "./pill.component.html",
styleUrls: ["./pill.component.scss"],
standalone: true,
})
export class PillComponent {}
<ng-content></ng-content>
./pill.component.scss
@use "variables/sizes";
:host {
padding: sizes.$small sizes.$regular;
border-radius: 100vmax;
width: max-content;
display: inline-block;
}