@chakra-ui/react
Version:
Responsive and accessible React UI components built with React and Emotion
50 lines (49 loc) • 1.25 kB
TypeScript
export declare const progressCircleSlotRecipe: import("../..").SlotRecipeDefinition<"root" | "label" | "valueText" | "track" | "range" | "view" | "circle" | "circleTrack" | "circleRange", {
size: {
xs: {
circle: {
"--size": "24px";
"--thickness": "4px";
};
valueText: {
textStyle: "2xs";
};
};
sm: {
circle: {
"--size": "32px";
"--thickness": "5px";
};
valueText: {
textStyle: "2xs";
};
};
md: {
circle: {
"--size": "40px";
"--thickness": "6px";
};
valueText: {
textStyle: "xs";
};
};
lg: {
circle: {
"--size": "48px";
"--thickness": "7px";
};
valueText: {
textStyle: "sm";
};
};
xl: {
circle: {
"--size": "64px";
"--thickness": "8px";
};
valueText: {
textStyle: "sm";
};
};
};
}>;