cardClass

ConstantLayout Source

The classes for a card: a rounded surface with a hairline border and a ledge of shadow. interactive is for a card that's a link: it lifts on hover and shows the focus ring. accent marks the one to pick first.

const cardClass: (props?: ConfigVariants<{ tone: { neutral: string; accent: string; }; interactive: { true: string; false: string; }; }> & ClassProp) => string