@chakra-ui/react
Version:
Responsive and accessible React UI components built with React and Emotion
44 lines (43 loc) • 1.37 kB
TypeScript
export declare const codeBlockSlotRecipe: import("../..").SlotRecipeDefinition<"root" | "content" | "title" | "header" | "footer" | "control" | "overlay" | "code" | "codeText" | "copyTrigger" | "copyIndicator" | "collapseTrigger" | "collapseIndicator" | "collapseText", {
size: {
sm: {
root: {
"--code-block-padding": "spacing.4";
"--code-block-radius": "radii.md";
"--code-block-header-height": "sizes.8";
};
title: {
textStyle: "xs";
};
code: {
fontSize: "xs";
};
};
md: {
root: {
"--code-block-padding": "spacing.4";
"--code-block-radius": "radii.lg";
"--code-block-header-height": "sizes.10";
};
title: {
textStyle: "xs";
};
code: {
fontSize: "sm";
};
};
lg: {
root: {
"--code-block-padding": "spacing.5";
"--code-block-radius": "radii.xl";
"--code-block-header-height": "sizes.12";
};
title: {
textStyle: "sm";
};
code: {
fontSize: "sm";
};
};
};
}>;