No documentation has been provided.
Properties
| Name | Type | Description |
|---|
| color | ModelSignal<keyof BadgeColors> | Set the badge color |
| contentClasses | Signal<TClass> | Computed signal storing the component classes used in its template |
| customStyle | ModelSignal<{ root?: { base?: string | undefined; hasBorder?: { enabled?: string | undefined; disabled?: string | undefined; } | undefined; color?: { [x: string]: string | undefined; primary?: string | undefined; dark?: string | undefined; blue?: string | undefined; green?: string | undefined; indigo?: string | undefined; pink?: string | undefined; purple?: string | undefined; red?: string | undefined; yellow?: string | undefined; } | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; } | undefined; isPill?: { enabled?: string | undefined; disabled?: string | undefined; } | undefined; isIconOnly?: { enabled?: string | undefined; disabled?: string | undefined; } | undefined; link?: { enabled?: string | undefined; disabled?: string | undefined; } | undefined; } | undefined; closeButton?: { base?: string | undefined; color?: { [x: string]: string | undefined; primary?: string | undefined; dark?: string | undefined; blue?: string | undefined; green?: string | undefined; indigo?: string | undefined; pink?: string | undefined; purple?: string | undefined; red?: string | undefined; yellow?: string | undefined; } | undefined; } | undefined; }> | Set the custom style for this badge |
| domSanitizer r | DomSanitizer | DomSanitizer service
|
| flowbiteId r | WritableSignal<Guid> | Auto generated GUID for each flowbite-angular component Its default value is 00000000-0000-0000-0000-000000000000, and is set to a random GUID inside the afterNextRender hook |
| flowbiteRouterLink r | FlowbiteRouterLinkDirective | null | Optional FlowbiteRouterLinkDirective injected |
| hasBorder | ModelSignal<boolean> | Set if the badge has border |
| iconRegistry r | IconRegistry | IcoRegistry service
|
| injector r | Injector | Injector instance injected to be used as an injector context where there is no default one.
|
Example usagepublic ngOnInit(): void {
afterNextRender(
() => {},
{ injector: this.injector }
);
}
|
| isDismissable | ModelSignal<boolean> | Set if the badge is dismissable |
| isIconOnly | ModelSignal<boolean> | Set if the badge is icon only |
| isPill | ModelSignal<boolean> | Set if the badge is pill |
| onDismiss | ModelSignal<(() => void) | undefined> | Set the function called when the badge is dismissed |
| size | ModelSignal<keyof BadgeSizes> | Set the badge size |
| themeService r | BadgeThemeService | Service injected used to generate class |
Methods
fetchClass() |
|---|
Function to load component's classes |
Presentation |
Returns |
init() |
|---|
Function loaded during OnInit lifecycle hook. It initialize requirments for the component. |
Presentation |
Returnsvoid
|
ngOnInit() |
|---|
Initialize component. A call to verify and init function is done. Then a new Guid is set in the afterNextRender hook. |
Presentation |
Returnsvoid
|
onDismissClick() |
|---|
Call the onDismiss function if it's not undefined |
Presentation |
Returnsvoid
|