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
68 lines (67 loc) • 2.78 kB
TypeScript
import { NavbarContentComponent } from './navbar-content.component';
import type { NavbarItemClass } from './navbar-item.theme';
import { NavbarItemThemeService } from './navbar-item.theme.service';
import type { NavbarColors } from './navbar.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_NAVBAR_ITEM_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
root?: {
base?: string | undefined;
color?: {
[x: string]: string | undefined;
primary?: string | undefined;
gray?: string | undefined;
} | undefined;
} | undefined;
}>;
export declare const navbarItemDefaultValueProvider: import("@angular/core").EnvironmentProviders;
/**
* @see https://flowbite.com/docs/components/navbar/
*/
export declare class NavbarItemComponent extends BaseComponent<NavbarItemClass> {
/**
* Optional `FlowbiteRouterLinkDirective` injected
*/
readonly flowbiteRouterLink: FlowbiteRouterLinkDirective | null;
/**
* Optional `FlowbiteRouterLinkActiveDirective` injected
*/
readonly flowbiteRouterLinkActive: FlowbiteRouterLinkActiveDirective | null;
/**
* Service injected used to generate class
*/
readonly themeService: NavbarItemThemeService;
/**
* The parent `NavbarContentComponent`
*/
readonly navbarContentComponent: NavbarContentComponent;
/**
* Set the navbar item color
*
* @default `NavbarContentComponent`'s color
*/
color: import("@angular/core").ModelSignal<keyof NavbarColors>;
/**
* Set the custom style for this navbar item
*/
customStyle: import("@angular/core").ModelSignal<{
root?: {
base?: string | undefined;
color?: {
[x: string]: string | undefined;
primary?: string | undefined;
gray?: string | undefined;
} | undefined;
} | undefined;
}>;
fetchClass(): NavbarItemClass;
/**
* Toggle the nnavbar visibility (auto close when on mobile device)
*/
onClick(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NavbarItemComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NavbarItemComponent, "flowbite-navbar-item", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
}