@project-jade-garden/reka-ui
Version:
Reka UI anatomy slots for headless design
29 lines (28 loc) • 1.2 kB
text/typescript
import { SVATraits } from 'jade-garden';
/**
* **Tooltip**
* @description A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
* @see [source](https://reka-ui.com/docs/components/tooltip#anatomy)
*/
export declare const slots: readonly ["root", "trigger", "content", "arrow", "portal", "provider"];
/**
* **Tooltip**
* @description A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
* @see [source](https://reka-ui.com/docs/components/tooltip#anatomy)
*/
export type Slots = (typeof slots)[number];
/**
* **Tooltip**
* @description A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
* @see [source](https://reka-ui.com/docs/components/tooltip#api-reference)
*/
export type Traits = SVATraits<Slots, {
trigger: {
state: "closed" | "delayed-open" | "instant-open";
};
content: {
state: "closed" | "delayed-open" | "instant-open";
side: "left" | "right" | "bottom" | "top";
align: "start" | "end" | "center";
};
}>;