@project-jade-garden/reka-ui/dist/navigation-menu.d.ts

Reka UI anatomy slots for headless design

import { SVATraits } from 'jade-garden';
/**
 * **Navigation Menu**
 * @description A collection of links for navigating websites.
 * @see [source](https://reka-ui.com/docs/components/navigation-menu#anatomy)
 */
export declare const slots: readonly ["root", "content", "indicator", "item", "link", "list", "sub", "trigger", "viewport"];
/**
 * **Navigation Menu**
 * @description A collection of links for navigating websites.
 * @see [source](https://reka-ui.com/docs/components/navigation-menu#anatomy)
 */
export type Slots = (typeof slots)[number];
/**
 * **Navigation Menu**
 * @description A collection of links for navigating websites.
 * @see [source](https://reka-ui.com/docs/components/navigation-menu#api-reference)
 */
export type Traits = SVATraits<Slots, {
    root: {
        orientation: "vertical" | "horizontal";
    };
    content: {
        state: "open" | "closed";
        motion: "to-start" | "to-end" | "from-start" | "from-end";
        orientation: "vertical" | "horizontal";
    };
    indicator: {
        state: "visible" | "hidden";
        orientation: "vertical" | "horizontal";
    };
    link: {
        active: "";
    };
    list: {
        orientation: "vertical" | "horizontal";
    };
    sub: {
        orientation: "vertical" | "horizontal";
    };
    trigger: {
        state: "open" | "closed";
        disabled: "";
    };
    viewport: {
        state: "visible" | "hidden";
        orientation: "vertical" | "horizontal";
    };
}>;