retabler
Version:
React Component library via Tabler
83 lines (82 loc) • 2.59 kB
TypeScript
import React from "react";
interface ContextState {
menuVisible: boolean;
setMenuVisible: (visible: boolean) => void;
}
export declare const NavContext: React.Context<ContextState>;
interface HeaderProps {
children: React.ReactNode;
className?: string;
light?: boolean;
dark?: boolean;
style?: React.CSSProperties;
size?: "md" | "lg" | "xl" | "fluid";
}
interface ListProps {
children: React.ReactNode;
className?: string;
}
export interface ListItemProps {
children: React.ReactNode;
active?: boolean;
dropdown?: boolean;
}
export interface LinkProps {
children: React.ReactNode;
className?: string;
dropdown?: boolean;
disabled?: boolean;
}
interface ExtraProps {
children?: React.ReactNode;
className?: string;
}
interface ItemProps {
children: React.ReactNode;
className?: string;
}
export declare const Image: React.ForwardRefExoticComponent<React.ImgHTMLAttributes<HTMLElement> & React.RefAttributes<HTMLImageElement>>;
declare const Nav: {
({ children }: {
children: any;
}): JSX.Element;
Toggle: () => JSX.Element;
DropdownMenu: ({ children }: {
children: any;
}) => JSX.Element;
DropdownMenuItem: ({ children }: {
children: any;
}) => JSX.Element;
LinkTitle: ({ children }: {
children: any;
}) => JSX.Element;
LinkIcon: ({ children }: {
children: any;
}) => JSX.Element;
Link: ({ children, dropdown, className, disabled }: LinkProps) => JSX.Element;
List: ({ children, className }: ListProps) => JSX.Element;
Fill: ({ children }: {
children: any;
}) => JSX.Element;
ListItem: ({ children, active, dropdown }: ListItemProps) => JSX.Element;
Item: ({ children, className }: ItemProps) => JSX.Element;
Expand: ({ children }: {
children: any;
}) => JSX.Element;
HeaderCollapse: ({ children }: {
children: any;
}) => JSX.Element;
Header: ({ children, light, dark, style, className, size }: HeaderProps) => JSX.Element;
Extra: ({ children, className }: ExtraProps) => JSX.Element;
Logo: ({ children }: {
children: any;
}) => JSX.Element;
Image: React.ForwardRefExoticComponent<React.ImgHTMLAttributes<HTMLElement> & React.RefAttributes<HTMLImageElement>>;
Aside: ({ children, right, dark, light }: {
children: any;
right?: boolean;
dark?: boolean;
light?: boolean;
}) => JSX.Element;
};
export default Nav;