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
122 lines (121 loc) • 5.01 kB
TypeScript
import { NavbarBrandComponent } from './navbar-brand.component';
import { NavbarContentComponent } from './navbar-content.component';
import { NavbarToggleComponent } from './navbar-toggle.component';
import type { NavbarClass, NavbarColors } from './navbar.theme';
import { NavbarThemeService } from './navbar.theme.service';
import { BaseComponent } from 'flowbite-angular';
import { InjectionToken } from '@angular/core';
import * as i0 from "@angular/core";
export declare const FLOWBITE_NAVBAR_COLOR_DEFAULT_VALUE: InjectionToken<keyof NavbarColors>;
export declare const FLOWBITE_NAVBAR_IS_OPEN_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_NAVBAR_IS_ROUNDED_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_NAVBAR_HAS_BORDER_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_NAVBAR_IS_FIXED_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_NAVBAR_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
root?: {
base?: string | undefined;
color?: {
[x: string]: string | undefined;
primary?: string | undefined;
gray?: string | undefined;
} | undefined;
isRounded?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
hasBorder?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
isFixed?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
} | undefined;
}>;
export declare const navbarDefaultValueProvider: import("@angular/core").EnvironmentProviders;
/**
* @see https://flowbite.com/docs/components/navbar/
*/
export declare class NavbarComponent extends BaseComponent<NavbarClass> {
/**
* Service injecteed used to generate class
*/
readonly themeService: NavbarThemeService;
/**
* The child `NavbarBrandComponent`
*/
readonly navbarBrandChild: import("@angular/core").Signal<NavbarBrandComponent | undefined>;
/**
* The child `NavbarToggleComponent`
*/
readonly navbarToggleChild: import("@angular/core").Signal<NavbarToggleComponent | undefined>;
/**
* The child `NavbarContentComponent`
*/
readonly navbarContentChild: import("@angular/core").Signal<NavbarContentComponent>;
/**
* Set the navbar color
*
* @default primary
*/
color: import("@angular/core").ModelSignal<keyof NavbarColors>;
/**
* Set if the navbar is open
*
* @default false
*/
isOpen: import("@angular/core").ModelSignal<boolean>;
/**
* Set if the navbar is rounded
*
* @default false
*/
isRounded: import("@angular/core").ModelSignal<boolean>;
/**
* Set if the navbar has border
*
* @default false
*/
hasBorder: import("@angular/core").ModelSignal<boolean>;
/**
* Set if the navbar is fixed
*
* @default false
*/
isFixed: import("@angular/core").ModelSignal<boolean>;
/**
* Set the custom style for this navbar
*/
customStyle: import("@angular/core").ModelSignal<{
root?: {
base?: string | undefined;
color?: {
[x: string]: string | undefined;
primary?: string | undefined;
gray?: string | undefined;
} | undefined;
isRounded?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
hasBorder?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
isFixed?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
} | undefined;
}>;
fetchClass(): NavbarClass;
/**
* Toggle visibility of the navbar
*
* @param isOpen When provide force the isOpen value
*/
toggleVisibility(isOpen?: boolean): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "flowbite-navbar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "isRounded": { "alias": "isRounded"; "required": false; "isSignal": true; }; "hasBorder": { "alias": "hasBorder"; "required": false; "isSignal": true; }; "isFixed": { "alias": "isFixed"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "isOpen": "isOpenChange"; "isRounded": "isRoundedChange"; "hasBorder": "hasBorderChange"; "isFixed": "isFixedChange"; "customStyle": "customStyleChange"; }, ["navbarBrandChild", "navbarToggleChild", "navbarContentChild"], ["*"], true, never>;
}