Skip to main content

Interface: ThemedCardProperties

Defined in: src/theme/components/ThemedCard.tsx:85

Properties for the ThemedCard component.

Hierarchyโ€‹

View Summary

Extendsโ€‹

Propertiesโ€‹

children?โ€‹

readonly optional children?: ReactNode;

Defined in: shared/types/componentProps.ts:36

Component content (text, elements, or other components)

Inherited fromโ€‹

CoreComponentProperties.children


className?โ€‹

readonly optional className?: string;

Defined in: shared/types/componentProps.ts:38

Additional CSS classes for styling customization

Inherited fromโ€‹

CoreComponentProperties.className


disabled?โ€‹

readonly optional disabled?: boolean;

Defined in: shared/types/componentProps.ts:40

Whether the component is disabled and non-interactive

Inherited fromโ€‹

CoreComponentProperties.disabled


clickable?โ€‹

readonly optional clickable?: boolean;

Defined in: src/theme/components/ThemedCard.tsx:87

Whether the card should have clickable styling and cursor pointer


hoverable?โ€‹

readonly optional hoverable?: boolean;

Defined in: src/theme/components/ThemedCard.tsx:89

Whether the card should have hover effects


icon?โ€‹

readonly optional icon?: ReactNode;

Defined in: src/theme/components/ThemedCard.tsx:91

Icon element to display in the card header


iconColor?โ€‹

readonly optional iconColor?: string;

Defined in: src/theme/components/ThemedCard.tsx:93

Color theme for the icon (uses theme color names)


onClick?โ€‹

readonly optional onClick?: ClickHandler;

Defined in: src/theme/components/ThemedCard.tsx:95

Click handler for the card


onMouseEnter?โ€‹

readonly optional onMouseEnter?: () => void;

Defined in: src/theme/components/ThemedCard.tsx:97

Mouse enter handler for hover effects

Returnsโ€‹

void


onMouseLeave?โ€‹

readonly optional onMouseLeave?: () => void;

Defined in: src/theme/components/ThemedCard.tsx:99

Mouse leave handler for hover effects

Returnsโ€‹

void


padding?โ€‹

readonly optional padding?: BoxPadding;

Defined in: src/theme/components/ThemedCard.tsx:101

Padding size for the card content


rounded?โ€‹

readonly optional rounded?: BoxRounded;

Defined in: src/theme/components/ThemedCard.tsx:103

Border radius size for the card


shadow?โ€‹

readonly optional shadow?: BoxShadow;

Defined in: src/theme/components/ThemedCard.tsx:105

Shadow size for the card


subtitle?โ€‹

readonly optional subtitle?: string;

Defined in: src/theme/components/ThemedCard.tsx:107

Subtitle text displayed in the card header


title?โ€‹

readonly optional title?: string;

Defined in: src/theme/components/ThemedCard.tsx:109

Title text displayed in the card header


variant?โ€‹

readonly optional variant?: BoxVariant;

Defined in: src/theme/components/ThemedCard.tsx:111

Visual variant for the card styling