@project-jade-garden/reka-ui/dist/hover-card.d.ts

Reka UI anatomy slots for headless design

import { SVATraits } from 'jade-garden';
/**
 * **Hover Card**
 * @description For sighted users to preview content available behind a link.
 * @see [source](https://reka-ui.com/docs/components/hover-card#anatomy)
 */
export declare const slots: readonly ["root", "trigger", "portal", "content", "arrow"];
/**
 * **Hover Card**
 * @description For sighted users to preview content available behind a link.
 * @see [source](https://reka-ui.com/docs/components/hover-card#anatomy)
 */
export type Slots = (typeof slots)[number];
/**
 * **Hover Card**
 * @description For sighted users to preview content available behind a link.
 * @see [source](https://reka-ui.com/docs/components/hover-card#api-reference)
 */
export type Traits = SVATraits<Slots, {
    trigger: {
        state: "open" | "closed";
    };
    content: {
        state: "open" | "closed";
        side: "left" | "right" | "bottom" | "top";
        align: "start" | "end" | "center";
    };
}>;