@project-jade-garden/reka-ui
Version:
Reka UI anatomy slots for headless design
36 lines (35 loc) • 1.39 kB
TypeScript
import { SVATraits } from 'jade-garden';
/**
* **Dropdown Menu**
* @description Displays a menu to the user—such as a set of actions or functions—triggered by a button.
* @see [source](https://reka-ui.com/docs/components/dropdown-menu#anatomy)
*/
export declare const slots: readonly ["root", "trigger", "portal", "content", "arrow", "item", "group", "separator", "checkboxItem", "itemIndicator", "label", "radioGroup", "radioItem", "sub", "subContent", "subTrigger"];
/**
* **Dropdown Menu**
* @description Displays a menu to the user—such as a set of actions or functions—triggered by a button.
* @see [source](https://reka-ui.com/docs/components/dropdown-menu#anatomy)
*/
export type Slots = (typeof slots)[number];
/**
* **Dropdown Menu**
* @description Displays a menu to the user—such as a set of actions or functions—triggered by a button.
* @see [source](https://reka-ui.com/docs/components/dropdown-menu#api-reference)
*/
export type Traits = SVATraits<Slots, {
trigger: {
state: "open" | "closed";
disabled: "";
};
content: {
state: "open" | "closed";
side: "left" | "right" | "bottom" | "top";
align: "start" | "end" | "center";
orientation: "vertical" | "horizontal";
};
item: {
orientation: "vertical" | "horizontal";
highlighted: "";
disabled: "";
};
}>;