@chakra-ui/react
Version:
Responsive and accessible React UI components built with React and Emotion
42 lines (41 loc) • 1.02 kB
TypeScript
export declare const scrollAreaSlotRecipe: import("../..").SlotRecipeDefinition<"root" | "content" | "thumb" | "scrollbar" | "viewport" | "corner", {
variant: {
hover: {
scrollbar: {
opacity: "0";
"&[data-hover], &[data-scrolling]": {
opacity: "1";
transitionDuration: "faster";
transitionDelay: "0ms";
};
};
};
always: {
scrollbar: {
opacity: "1";
};
};
};
size: {
xs: {
root: {
"--scrollbar-size": "sizes.1";
};
};
sm: {
root: {
"--scrollbar-size": "sizes.1.5";
};
};
md: {
root: {
"--scrollbar-size": "sizes.2";
};
};
lg: {
root: {
"--scrollbar-size": "sizes.3";
};
};
};
}>;