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
102 lines (101 loc) • 4.2 kB
TypeScript
import { SidebarItemGroupComponent } from './sidebar-item-group.component';
import type { SidebarItemClass } from './sidebar-item.theme';
import { SidebarItemThemeService } from './sidebar-item.theme.service';
import { SidebarMenuComponent } from './sidebar-menu.component';
import type { SidebarColors } from './sidebar.theme';
import { BaseComponent } from 'flowbite-angular';
import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
import { FlowbiteRouterLinkActiveDirective } from 'flowbite-angular/router-link-active';
import { InjectionToken } from '@angular/core';
import * as i0 from "@angular/core";
export declare const FLOWBITE_SIDEBAR_ITEM_ICON_DEFAULT_VALUE: InjectionToken<string | undefined>;
export declare const FLOWBITE_SIDEBAR_ITEM_LABEL_DEFAULT_VALUE: InjectionToken<string | undefined>;
export declare const FLOWBITE_SIDEBAR_ITEM_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
root?: {
base?: string | undefined;
color?: {
[x: string]: string | undefined;
primary?: string | undefined;
dark?: string | undefined;
blue?: string | undefined;
red?: string | undefined;
green?: string | undefined;
yellow?: string | undefined;
} | undefined;
} | undefined;
icon?: {
base?: string | undefined;
} | undefined;
}>;
export declare const sidebarItemDefaultValueProvider: import("@angular/core").EnvironmentProviders;
/**
* @see https://flowbite.com/docs/components/sidebar/
*/
export declare class SidebarItemComponent extends BaseComponent<SidebarItemClass> {
/**
* Optional `FlowbiteRouterLinkDirective` injected
*/
readonly flowbiteRouterLink: FlowbiteRouterLinkDirective | null;
/**
* Optional `FlowbiteRouterLinkActiveDirective` injected
*/
readonly flowbiteRouterLinkActive: FlowbiteRouterLinkActiveDirective | null;
/**
* Service injected used to generate class
*/
readonly themeService: SidebarItemThemeService;
/**
* The optional parent `SidebarItemGroupComponent`
*/
readonly sidebarItemGroupComponent: SidebarItemGroupComponent | null;
/**
* The optional parent `SidebarMenuComponent`
*/
readonly sidebarMenuComponent: SidebarMenuComponent | null;
/**
* Set the sidebar item icon
*
* @default undefined
*/
icon: import("@angular/core").ModelSignal<string | undefined>;
/**
* Set the sidebar item color
*
* @default `SidebarItemGroupComponent`'s color
* @default `SidebarMenuComponent`'s color
*/
color: import("@angular/core").ModelSignal<keyof SidebarColors>;
/**
* Set the sidebar item label
*
* @default undefined
*/
label: import("@angular/core").ModelSignal<string | undefined>;
/**
* Set the custom style for this sidebar item
*/
customStyle: import("@angular/core").ModelSignal<{
root?: {
base?: string | undefined;
color?: {
[x: string]: string | undefined;
primary?: string | undefined;
dark?: string | undefined;
blue?: string | undefined;
red?: string | undefined;
green?: string | undefined;
yellow?: string | undefined;
} | undefined;
} | undefined;
icon?: {
base?: string | undefined;
} | undefined;
}>;
fetchClass(): SidebarItemClass;
/**
* Toggle sidebar menu visibility
*/
onClick(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarItemComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarItemComponent, "flowbite-sidebar-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "icon": "iconChange"; "color": "colorChange"; "label": "labelChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
}