NewCard Component
The NewCard component is a versatile, modern card element perfect for showcasing features, services, or content blocks. It includes beautiful styling, icon support, and interactive hover effects.
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
icon | string | No | - | Starlight icon name to display |
title | string | Yes | - | The card title (supports HTML) |
iconColor | string | No | - | Custom color for the icon |
size | string | No | “large” | Card size variant (“large” or “sm”) |
Features
Section titled “Features”- Icon Integration - Uses Starlight’s icon system
- Two Size Variants - Large (default) and small options
- Hover Animation - Arrow icon with rotation effect
- Gradient Styling - Modern gradient borders and backgrounds
- HTML Support - Title prop supports HTML content
- Responsive Design - Adapts to different screen sizes
- Slot Content - Accepts custom content in the card body