Skip to main content

Card


Example

Props

NameTypeDefault ValueRequiredDescription
elevation"none" | "small" | "large" | "medium"No
borderRadiusBorderRadiusConfigNo
backgroundConditionalStyle<Values<{ readonly currentColor: "currentColor"; readonly pastelGrey: CSSVarFunction | MapLeafNodes<any, CSSVarFunction>; readonly pastelRed: CSSVarFunction | MapLeafNodes<...>; ... 94 more ...; readonly brandTertiary: CSSVarFunction | MapLeafNodes<...>; }, { ...; }>>No
paddingBottomConditionalStyle<Values<{ readonly 0: 0; readonly 4: 4; readonly 8: 8; readonly 12: 12; readonly 16: 16; readonly 24: 24; readonly 32: 32; readonly 40: 40; readonly 80: 80; readonly 120: 120; readonly 160: 160; }, { defaultClass: string; conditions: { ...; }; }>>No
paddingLeftConditionalStyle<Values<{ readonly 0: 0; readonly 4: 4; readonly 8: 8; readonly 12: 12; readonly 16: 16; readonly 24: 24; readonly 32: 32; readonly 40: 40; readonly 80: 80; readonly 120: 120; readonly 160: 160; }, { defaultClass: string; conditions: { ...; }; }>>No
paddingRightConditionalStyle<Values<{ readonly 0: 0; readonly 4: 4; readonly 8: 8; readonly 12: 12; readonly 16: 16; readonly 24: 24; readonly 32: 32; readonly 40: 40; readonly 80: 80; readonly 120: 120; readonly 160: 160; }, { defaultClass: string; conditions: { ...; }; }>>No
paddingTopConditionalStyle<Values<{ readonly 0: 0; readonly 4: 4; readonly 8: 8; readonly 12: 12; readonly 16: 16; readonly 24: 24; readonly 32: 32; readonly 40: 40; readonly 80: 80; readonly 120: 120; readonly 160: 160; }, { defaultClass: string; conditions: { ...; }; }>>No
paddingConditionalStyle<Values<{ readonly 0: 0; readonly 4: 4; readonly 8: 8; readonly 12: 12; readonly 16: 16; readonly 24: 24; readonly 32: 32; readonly 40: 40; readonly 80: 80; readonly 120: 120; readonly 160: 160; }, { defaultClass: string; conditions: { ...; }; }>>No
paddingXConditionalStyle<Values<{ readonly 0: 0; readonly 4: 4; readonly 8: 8; readonly 12: 12; readonly 16: 16; readonly 24: 24; readonly 32: 32; readonly 40: 40; readonly 80: 80; readonly 120: 120; readonly 160: 160; }, { defaultClass: string; conditions: { ...; }; }>>No
paddingYConditionalStyle<Values<{ readonly 0: 0; readonly 4: 4; readonly 8: 8; readonly 12: 12; readonly 16: 16; readonly 24: 24; readonly 32: 32; readonly 40: 40; readonly 80: 80; readonly 120: 120; readonly 160: 160; }, { defaultClass: string; conditions: { ...; }; }>>No