@chakra-ui/react
Version:
Responsive and accessible React UI components built with React and Emotion
56 lines (55 loc) • 1.94 kB
TypeScript
export declare const treeViewSlotRecipe: import("../..").SlotRecipeDefinition<"root" | "item" | "itemIndicator" | "label" | "itemText" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "nodeCheckbox" | "tree", {
size: {
md: {
tree: {
textStyle: "sm";
"--tree-indentation": "spacing.4";
"--tree-padding-inline": "spacing.3";
"--tree-padding-block": "spacing.1.5";
"--tree-icon-size": "spacing.4";
};
};
sm: {
tree: {
textStyle: "sm";
"--tree-indentation": "spacing.4";
"--tree-padding-inline": "spacing.3";
"--tree-padding-block": "spacing.1";
"--tree-icon-size": "spacing.3";
};
};
xs: {
tree: {
textStyle: "xs";
"--tree-indentation": "spacing.4";
"--tree-padding-inline": "spacing.2";
"--tree-padding-block": "spacing.1";
"--tree-icon-size": "spacing.3";
};
};
};
variant: {
subtle: {
branchControl: import("../..").SystemStyleObject;
item: import("../..").SystemStyleObject;
};
solid: {
branchControl: import("../..").SystemStyleObject;
item: import("../..").SystemStyleObject;
};
};
animateContent: {
true: {
branchContent: {
_open: {
animationName: "expand-height, fade-in";
animationDuration: "moderate";
};
_closed: {
animationName: "collapse-height, fade-out";
animationDuration: "moderate";
};
};
};
};
}>;