@inkline/inkline/components/INavbar/script.d.ts

Inkline is the Vue.js UI/UX Library built for creating your next design system

import { sizePropValidator } from '../../mixins';
import { Classes } from '../../types';
declare const _default: import("vue").DefineComponent<{
    /**
     * Determines if the navbar should close when clicking a navbar item
     * @type Boolean
     * @default true
     * @name collapseOnItemClick
     */
    collapseOnItemClick: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Determines if the navbar should close when clicking outside
     * @type Boolean
     * @default true
     * @name collapseOnClickOutside
     */
    collapseOnClickOutside: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The color variant of the navbar
     * @type light | dark
     * @default light
     * @name color
     */
    color: {
        type: StringConstructor;
        default: () => string;
    };
    /**
     * Display the inner container as fluid, spanning 100% width
     * @type Boolean
     * @default false
     * @name fluid
     */
    fluid: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The size variant of the navbar
     * @type sm | md | lg
     * @default md
     * @name size
     */
    size: {
        type: StringConstructor;
        default: () => string;
        validator: typeof sizePropValidator;
    };
    /**
     * The animation of the hamburger menu component used for collapsing
     * @type close | arrow-up | arrow-down | arrow-left | arrow-right | plus | minus
     * @default close
     * @name menuAnimation
     */
    menuAnimation: {
        type: StringConstructor;
        default: string;
    };
}, unknown, unknown, {
    classes(): Classes;
}, {
    onItemClick(): void;
    onClickOutside(): void;
}, import("vue").DefineComponent<{
    collapse: {
        type: (StringConstructor | BooleanConstructor)[];
        default: string;
    };
    modelValue: {
        type: BooleanConstructor;
        default: boolean;
    };
}, unknown, {
    open: boolean;
    windowWidth: number;
}, {
    collapsibleClasses(): Classes;
    collapsible(): boolean;
}, {
    setOpen(value: boolean): void;
    toggleOpen(): void;
    onWindowResize(): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
    collapse?: unknown;
    modelValue?: unknown;
} & {
    modelValue: boolean;
    collapse: string | boolean;
} & {}> & {
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
    modelValue: boolean;
    collapse: string | boolean;
}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
    collapseOnItemClick?: unknown;
    collapseOnClickOutside?: unknown;
    color?: unknown;
    fluid?: unknown;
    size?: unknown;
    menuAnimation?: unknown;
} & {
    color: string;
    size: string;
    fluid: boolean;
    collapseOnItemClick: boolean;
    collapseOnClickOutside: boolean;
    menuAnimation: string;
} & {}> & {
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
    color: string;
    size: string;
    fluid: boolean;
    collapseOnItemClick: boolean;
    collapseOnClickOutside: boolean;
    menuAnimation: string;
}>;
export default _default;