Skip to main content

CardProps

Stock Screening Platform - Frontend API v0.1.0

Stock Screening Platform - Frontend API / design-system/components/Card / CardProps

Interface: CardProps

Defined in: src/design-system/components/Card.tsx:88

Card Props Interface

Extends​

  • HTMLAttributes<HTMLDivElement>.VariantProps<typeof cardVariants>

Properties​

elevation?​

optional elevation: "flat" | "medium" | "low" | "high" | null

Defined in: src/design-system/components/Card.tsx:30

Elevation level (shadow depth)

  • flat: No shadow (flush with background)
  • low: Subtle shadow for subtle elevation
  • medium: Moderate shadow for standard cards
  • high: Strong shadow for prominent cards

Inherited from​

VariantProps.elevation

interactive?​

optional interactive: boolean | null

Defined in: src/design-system/components/Card.tsx:42

Interactive state

  • true: Adds hover effects (lift on hover)
  • false: Static card

Inherited from​

VariantProps.interactive

variant?​

optional variant: "default" | "glass" | "gradient" | null

Defined in: src/design-system/components/Card.tsx:53

Visual variant

  • default: Standard card with solid background
  • glass: Glassmorphism effect (translucent with blur)
  • gradient: Subtle gradient background

Inherited from​

VariantProps.variant

padding?​

optional padding: "none" | "sm" | "md" | "lg" | null

Defined in: src/design-system/components/Card.tsx:69

Padding size

  • none: No padding (for custom layouts)
  • sm: Small padding (12px)
  • md: Medium padding (16px)
  • lg: Large padding (24px)

Inherited from​

VariantProps.padding

children​

children: ReactNode

Defined in: src/design-system/components/Card.tsx:94

Card content

Overrides​

React.HTMLAttributes.children

className?​

optional className: string

Defined in: src/design-system/components/Card.tsx:99

Additional CSS classes

Overrides​

React.HTMLAttributes.className

onClick()?​

optional onClick: () => void

Defined in: src/design-system/components/Card.tsx:104

Optional click handler (automatically sets interactive=true)

Returns​

void

Overrides​

React.HTMLAttributes.onClick