tooltip.ts•615 B
import { tooltipAnatomy } from "@ark-ui/react";
import { defineSlotRecipe } from "@pandacss/dev";
export const tooltip = defineSlotRecipe({
className: "tooltip",
slots: tooltipAnatomy.keys(),
base: {
content: {
background: "bg.default",
borderRadius: "l2",
boxShadow: "sm",
color: "fg.default",
fontWeight: "semibold",
px: "3",
py: "2",
textStyle: "xs",
maxWidth: "2xs",
zIndex: "tooltip",
_open: {
animation: "fadeIn 0.25s ease-out",
},
_closed: {
animation: "fadeOut 0.2s ease-out",
},
},
},
});