@eslamdevui/ui
Version:
A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
54 lines (53 loc) • 2.03 kB
TypeScript
import type { AppConfig } from '@nuxt/schema';
import type { ButtonProps, ComponentConfig } from '../types';
import type { DashboardContext } from '../utils/dashboard';
import theme from '#build/ui/dashboard-navbar';
type DashboardNavbar = ComponentConfig<typeof theme, AppConfig, 'dashboardNavbar'>;
export interface DashboardNavbarProps {
/**
* The element or component this component should render as.
* @defaultValue 'div'
*/
as?: any;
/**
* The icon displayed next to the title.
* @IconifyIcon
*/
icon?: string;
title?: string;
/**
* Customize the toggle button to open the sidebar.
* `{ color: 'neutral', variant: 'ghost' }`
* @defaultValue true
*/
toggle?: boolean | Partial<ButtonProps>;
/**
* The side to render the toggle button on.
* @defaultValue 'left'
*/
toggleSide?: 'left' | 'right';
class?: any;
ui?: DashboardNavbar['slots'];
}
export interface DashboardNavbarSlotsProps extends Omit<DashboardContext, 'storage' | 'storageKey' | 'persistent' | 'unit'> {
}
export interface DashboardNavbarSlots {
title(props?: {}): any;
leading(props: DashboardNavbarSlotsProps): any;
trailing(props: DashboardNavbarSlotsProps): any;
left(props: DashboardNavbarSlotsProps): any;
default(props: DashboardNavbarSlotsProps): any;
right(props: DashboardNavbarSlotsProps): any;
toggle(props: DashboardNavbarSlotsProps): any;
}
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardNavbarProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardNavbarProps> & Readonly<{}>, {
toggle: boolean | Partial<ButtonProps>;
as: any;
toggleSide: "left" | "right";
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, DashboardNavbarSlots>;
export default _default;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};