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

Reka UI anatomy slots for headless design

import { SVATraits } from 'jade-garden';
/**
 * **Splitter**
 * @description A component that divides your layout into resizable sections.
 * @see [source](https://reka-ui.com/docs/components/splitter#anatomy)
 */
export declare const slots: readonly ["group", "panel", "resizeHandle"];
/**
 * **Splitter**
 * @description A component that divides your layout into resizable sections.
 * @see [source](https://reka-ui.com/docs/components/splitter#anatomy)
 */
export type Slots = (typeof slots)[number];
/**
 * **Splitter**
 * @description A component that divides your layout into resizable sections.
 * @see [source](https://reka-ui.com/docs/components/splitter#api-reference)
 */
export type Traits = SVATraits<Slots, {
    group: {
        orientation: "vertical" | "horizontal";
        state: "collapsed" | "expanded" | "";
    };
    resizeHandle: {
        state: "drag" | "hover" | "inactive";
        disabled: "";
        orientation: "vertical" | "horizontal";
    };
}>;