components / Variable

injectFlowbiteIconState

No documentation has been provided.

Presentation

const injectFlowbiteIconState: <
  U = {
    readonly config: FlowbiteIconConfig;
    readonly icons: Record<string, string>[];
    readonly loader: NgIconLoader | null;
    readonly cache: NgIconLoaderCache | null;
    readonly preProcessor: NgIconPreProcessor;
    readonly postProcessor: NgIconPostProcessor;
    readonly injector: Injector;
    readonly renderer: Renderer2;
    readonly platform: Object;
    readonly elementRef: ElementRef<HTMLElement>;
    readonly uniqueId: number;
    readonly name: InputSignal<IconType | undefined>;
    readonly svg: InputSignal<string | undefined>;
    readonly color: InputSignal<keyof FlowbiteIconColors>;
    readonly customTheme: InputSignal<{
      host?:
        | {
            base?: string | undefined;
            transition?: string | undefined;
            color?:
              | {
                  [x: string]:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  primary?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  dark?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  light?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  blue?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  cyan?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  gray?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  green?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  indigo?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  lime?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  pink?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  purple?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  red?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  teal?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  yellow?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  default?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  info?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  failure?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  success?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                  warning?:
                    | { light?: string | undefined; dark?: string | undefined }
                    | undefined;
                }
              | undefined;
          }
        | undefined;
    }>;
    svgElement?: SVGElement | undefined;
    readonly theme: Signal<{ host: { root: string } }>;
    readonly state: CreatedState<Icon>;
    ngOnDestroy: () => void;
    updateIcon: () => Promise<void>;
    setSvg: (svg: string) => void;
    replaceIds: (svg: string) => string;
    requestIconFromLoader: (name: string) => Promise<string>;
  },
>(
  injectOptions?: InjectOptions | undefined,
) => Signal<State<U>>;
Flowbite Logo Flowbite

© 2019-2025 Flowbite™ is a registered trademark. All Rights Reserved.