@ultraviolet/plus
Version:
Ultraviolet Plus
43 lines (42 loc) • 2.07 kB
TypeScript
import type { NavigationProps } from './types';
/**
* Navigation is a component that allows you to create a sidebar navigation.
* You can wrap your navigation items like `<Navigation.Item>` with your router
* to make it work in your application.
*/
export declare const Navigation: {
({ children, ...props }: NavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;
Group: ({ children, label }: {
children: import("react").ReactNode;
label: string;
}) => import("@emotion/react/jsx-runtime").JSX.Element | null;
Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, "data-testid": dataTestId, }: {
children?: import("react").ReactNode;
categoryIcon?: import("react").ReactNode;
label: string;
id: string;
subLabel?: string;
badgeText?: string;
badgeSentiment?: import("react").ComponentProps<typeof import("@ultraviolet/ui").Badge>["sentiment"];
href?: HTMLAnchorElement["href"];
target?: HTMLAnchorElement["target"];
rel?: HTMLAnchorElement["rel"];
onToggle?: (toggle: boolean) => void;
onClickPinUnpin?: (parameters: import("./types").PinUnPinType) => void;
toggle?: boolean;
active?: boolean;
noPinButton?: boolean;
type?: "default" | "pinned" | "pinnedGroup";
index?: number;
as?: keyof import("react").JSX.IntrinsicElements;
noExpand?: boolean;
disabled?: boolean;
'data-testid'?: string;
}) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
PinnedItems: ({ toggle, onReorder, onToggle, }: {
toggle?: boolean;
onToggle?: (toggle: boolean) => void;
onReorder?: (pinnedItems: string[]) => void;
}) => import("@emotion/react/jsx-runtime").JSX.Element | null;
Separator: () => import("@emotion/react/jsx-runtime").JSX.Element;
};