Component
NavCard
Clickable card used in admin dashboards to navigate between sections. Supports an emoji icon and an optional badge count.
Basic
live editor — edit to update preview
<NavCard href="/admin/articles" title="Articles" description="Manage and review submitted articles." emoji="📝" />
With badge
live editor — edit to update preview
<NavCard href="/admin/queue" title="Review Queue" description="Articles awaiting human review." emoji="🔍" badge={12} />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| href* | string | — | Navigation target. |
| title* | string | — | Card heading. |
| description* | string | — | Short explanatory text. |
| emoji | string | — | Optional emoji shown above the title. |
| badge | number | null | — | When > 0 shows a red notification dot with the count. |