@useloops/design-system
Version:
The official React based Loops design system
26 lines (23 loc) • 900 B
TypeScript
import { FunctionComponent, PropsWithChildren } from 'react';
import { NavigationButtonProps } from '../../WebCore/NavigationButton/NavigationButton.js';
import { UserMenuProps } from '../../WebCore/UserMenu/UserMenu.js';
type NavigationSizing = 'sm' | 'lg';
interface NavigationProps {
isMobile?: boolean;
logoLink?: () => void;
nudgeProps?: NudgeProps;
primaryMenuItemProps?: NavigationButtonProps[];
secondaryMenuItemProps?: NavigationButtonProps[];
sizing?: NavigationSizing;
tertiaryMenuItemProps?: NavigationButtonProps[];
toggleMenuOnClick?: () => void;
userMenuProps: UserMenuProps;
}
interface NudgeProps extends PropsWithChildren {
description: string;
notification: boolean;
title: string;
}
declare const Navigation: FunctionComponent<NavigationProps>;
export { Navigation as default };
export type { NavigationProps, NavigationSizing };