Components · Layout
An image card with a glass caption over a soft scrim. With `href`, the whole card is one link.
import { Media Card } from '@nexub/react';| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| src | string | — | ✓ | Image URL. Loaded lazily. |
| alt | string | — | ✓ | Image description. Pass '' when the image is decorative. |
| ratio | '16/9' | '4/3' | '1/1' | '3/4' | '16/9' | — | Aspect ratio of the image box. |
| title | ReactNode | — | — | Caption title, rendered as an h3. |
| description | ReactNode | — | — | Caption text under the title. |
| eyebrow | ReactNode | — | — | Small label above the title. |
| href | string | — | — | Makes the whole card one link, stretched from the title (so it needs `title`). Adds the hover lift and image zoom. |
| children | ReactNode | — | — | Actions under the caption. They stay clickable above the stretched link. |