No documentation has been provided.
Properties
| Name | Type | Description |
|---|
| color | ModelSignal<keyof IndicatorColors> | Set the indicator color |
| contentClasses | Signal<TClass> | Computed signal storing the component classes used in its template |
| customStyle | ModelSignal<{ root?: { base?: string | undefined; isPill?: { enabled?: string | undefined; disabled?: string | undefined; } | undefined; isOutline?: { enabled?: string | undefined; disabled?: string | undefined; } | undefined; isDisabled?: { enabled?: string | undefined; disabled?: string | undefined; } | undefined; hasOffset?: { [x: string]: string | undefined; 'bottom-center'?: string | undefined; 'top-center'?: string | undefined; 'top-left'?: string | undefined; 'top-right'?: string | undefined; 'center-left'?: string | undefined; center?: string | undefined; 'center-right'?: string | undefined; 'bottom-left'?: string | undefined; 'bottom-right'?: string | undefined; } | undefined; isRounded?: { enabled?: string | undefined; disabled?: string | undefined; } | undefined; hasBorder?: { enabled?: string | undefined; disabled?: string | undefined; } | undefined; color?: { [x: string]: string | undefined; primary?: string | undefined; dark?: string | undefined; blue?: string | undefined; gray?: string | undefined; green?: string | undefined; indigo?: string | undefined; purple?: string | undefined; red?: string | undefined; teal?: string | undefined; yellow?: string | undefined; } | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; md?: string | undefined; lg?: string | undefined; xl?: string | undefined; } | undefined; placement?: { [x: string]: string | undefined; 'bottom-center'?: string | undefined; 'top-center'?: string | undefined; 'top-left'?: string | undefined; 'top-right'?: string | undefined; 'center-left'?: string | undefined; center?: string | undefined; 'center-right'?: string | undefined; 'bottom-left'?: string | undefined; 'bottom-right'?: string | undefined; } | undefined; } | undefined; }> | Set the custom style for this indicator |
| 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 |
| hasBorder | ModelSignal<boolean> | Set if the indicator has border |
| hasOffset | ModelSignal<boolean> | Set if the indicator has offset |
| 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 }
);
}
|
| isDisabled | ModelSignal<boolean> | Set if the indicator is disable |
| isOutline | ModelSignal<boolean> | Set if the indicator is outline |
| isPill | ModelSignal<boolean> | Set if the indicator is pill |
| isRounded | ModelSignal<boolean> | Set if the indicator is rounded |
| placement | ModelSignal<keyof IndicatorPositions | undefined> | Set the indicator placement |
| size | ModelSignal<keyof IndicatorSizes> | Set the indicator size |
| themeService r | IndicatorThemeService | 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
|