@project-jade-garden/reka-ui
Version:
Reka UI anatomy slots for headless design
36 lines (35 loc) • 1.19 kB
text/typescript
import { SVATraits } from 'jade-garden';
/**
* **Tabs**
* @description A set of layered sections of content—known as tab panels—that are displayed one at a time.
* @see [source](https://reka-ui.com/docs/components/tabs#anatomy)
*/
export declare const slots: readonly ["root", "list", "content", "trigger", "indicator"];
/**
* **Tabs**
* @description A set of layered sections of content—known as tab panels—that are displayed one at a time.
* @see [source](https://reka-ui.com/docs/components/tabs#anatomy)
*/
export type Slots = (typeof slots)[number];
/**
* **Tabs**
* @description A set of layered sections of content—known as tab panels—that are displayed one at a time.
* @see [source](https://reka-ui.com/docs/components/tabs#api-reference)
*/
export type Traits = SVATraits<Slots, {
root: {
orientation: "vertical" | "horizontal";
};
list: {
orientation: "vertical" | "horizontal";
};
content: {
state: "active" | "inactive";
orientation: "vertical" | "horizontal";
};
trigger: {
state: "active" | "inactive";
disabled: "";
orientation: "vertical" | "horizontal";
};
}>;