Skip to main content

FeatureCardProps

Props for the FeatureCard component

Example​

<FeatureCard
  icon={<SomeIcon />}
  title="Feature Title"
  description="This is a brief description of the feature."
  elevation={2}
  showHoverEffect={true}
  iconBgColor="primary.main"
  iconColor="secondary.main"
/>

Properties​

description​

description: string;

Description text below the title

elevation?​

optional elevation: number;

Material-UI elevation value (0-24)

Default​

0

icon​

icon: ReactNode;

Icon element to display in the card

iconBgColor?​

optional iconBgColor: string;

Background color for the icon container

Default​

'primary.main'

iconColor?​

optional iconColor: string;

Color of the icon

Default​

'secondary.main'

showHoverEffect?​

optional showHoverEffect: boolean;

Enable hover animation effects

Default​

true

title​

title: string;

Main title text