Cards
As bare as it gets - just a cover image and title, nothing else
See how to use it on your page, then copy the component file itself.
| Prop | Type | Default | Description |
|---|---|---|---|
| href | string | "#" | Link the card navigates to |
| image | string | null | null | Cover image URL - shows a placeholder if missing |
| imageAlt | string | null | null | Alt text for the cover image - falls back to the title if omitted |
| title | string | — | Card title |
| keyword | string | null | null | A word or phrase within the title to highlight in accentColor, if set |
| accentColor | string | "#4A68E5" | Accent color for the highlighted keyword |