UNPKG

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
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>; }