From 89bb9aa3189442cd8e826084a35f03069201928c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gon=C3=A7alo=20Abreu=20Corr=C3=AAa=20Brito=20da=20Silva?= Date: Wed, 17 Aug 2022 02:34:40 +0100 Subject: [PATCH] feat(BadgeComponent): Added customStyle parameter Notes: customStyle parameter allows to inject custom styles into the component --- .../src/lib/components/badge/badge.component.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/libs/flowbite-angular/src/lib/components/badge/badge.component.ts b/libs/flowbite-angular/src/lib/components/badge/badge.component.ts index 9115e65..79f2687 100644 --- a/libs/flowbite-angular/src/lib/components/badge/badge.component.ts +++ b/libs/flowbite-angular/src/lib/components/badge/badge.component.ts @@ -25,7 +25,8 @@ export type BadgeSize = 'xs' | 'sm'; ? 'rounded px-2 py-0.5' : size === 'xs' ? 'rounded-full p-1' - : 'rounded-full p-1.5' + : 'rounded-full p-1.5', + customStyle ]" [routerLink]="href" > @@ -38,6 +39,7 @@ export class BadgeComponent { @Input() size: BadgeSize = 'xs'; @Input() href?: string; @Input() iconOnly = false; + @Input() customStyle = ''; colorClasses: Record = { blue: 'bg-blue-100 text-blue-800 dark:bg-blue-200 dark:text-blue-800 group-hover:bg-blue-200 dark:group-hover:bg-blue-300',