@amsterdam/design-system-react/dist/Menu/Menu.d.ts

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { HTMLAttributes, PropsWithChildren } from 'react';
export type MenuProps = {
    /**
     * A name for this menu, which screen readers will announce.
     * Only applies to the `inWideWindow` appearance: otherwise, the menu is in the Page Header, which ensures accessibility itself.
     * @default Hoofdnavigatie
     */
    accessibleName?: string;
    /** Hides the component on narrow windows. */
    inWideWindow?: boolean;
} & PropsWithChildren<HTMLAttributes<HTMLElement>>;
export declare const MenuRoot: import("react").ForwardRefExoticComponent<{
    /**
     * A name for this menu, which screen readers will announce.
     * Only applies to the `inWideWindow` appearance: otherwise, the menu is in the Page Header, which ensures accessibility itself.
     * @default Hoofdnavigatie
     */
    accessibleName?: string;
    /** Hides the component on narrow windows. */
    inWideWindow?: boolean;
} & HTMLAttributes<HTMLElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<any>>;
/**
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-menu--docs Menu docs at Amsterdam Design System}
 */
export declare const Menu: import("react").ForwardRefExoticComponent<{
    /**
     * A name for this menu, which screen readers will announce.
     * Only applies to the `inWideWindow` appearance: otherwise, the menu is in the Page Header, which ensures accessibility itself.
     * @default Hoofdnavigatie
     */
    accessibleName?: string;
    /** Hides the component on narrow windows. */
    inWideWindow?: boolean;
} & HTMLAttributes<HTMLElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<any>> & {
    Link: import("react").ForwardRefExoticComponent<{
        color?: "contrast" | "inverse";
        icon: import("..").IconProps["svg"];
    } & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
        children?: import("react").ReactNode | undefined;
    } & import("react").RefAttributes<HTMLAnchorElement>>;
};