flowbite-angular
Version:
<div align="center"> <h1>:construction: flowbite-angular (unreleased) :construction:</h1> <p> <a href="https://flowbite.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src="https://flowbite.s3.amazonaws.com/github/logo-github
52 lines (51 loc) • 1.98 kB
TypeScript
import type { DarkThemeToggleClass } from './dark-theme-toggle.theme';
import { DarkThemeToggleThemeService } from './dark-theme-toggle.theme.service';
import { BaseComponent } from 'flowbite-angular';
import { IconRegistry } from 'flowbite-angular/icon';
import { FlowbiteThemeDirective } from 'flowbite-angular/theme';
import { InjectionToken } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import * as i0 from "@angular/core";
export declare const FLOWBITE_DARK_THEME_TOGGLE_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
root?: {
base?: string | undefined;
} | undefined;
}>;
export declare const darkThemeToggleDefaultValueProvider: import("@angular/core").EnvironmentProviders;
/**
* Use to toggle light/dark mode accross the site
*/
export declare class DarkThemeToggleComponent extends BaseComponent<DarkThemeToggleClass> {
/**
* Service injected used to generate class
*/
readonly themeService: DarkThemeToggleThemeService;
/**
* `IconRegistry` service
*/
readonly iconRegistry: IconRegistry;
/**
* `DomSanitizer` service
*/
readonly domSanitizer: DomSanitizer;
/**
* `FlowbiteThemeDirective` directive
*/
readonly themeDirective: FlowbiteThemeDirective;
/**
* Set the custom style for this dark-theme-toggle
*/
customStyle: import("@angular/core").ModelSignal<{
root?: {
base?: string | undefined;
} | undefined;
}>;
fetchClass(): DarkThemeToggleClass;
init(): void;
/**
* Toggle between dark and light mode
*/
onClick(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DarkThemeToggleComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DarkThemeToggleComponent, "flowbite-dark-theme-toggle", never, { "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "customStyle": "customStyleChange"; }, never, never, true, never>;
}