Back to Components

ProseCard

Highlighted card for use within Nuxt Content prose.

Requires @nuxt/content module

Mock Preview

GSProseCard wraps UProseCard. The component requires @nuxt/content to be installed. Below is a structural mock showing the expected card layout.

Quick Start

Get up and running with the design system in minutes.

Documentation

Explore the full component API and design guidelines.

Design Tokens

Consistent color, typography and spacing tokens from Figma.

Open Source

Built on top of NuxtUI v3 and Tailwind CSS v4.

Usage

When @nuxt/content is installed, use it as follows:

<GSProseCard
  title="Quick Start"
  icon="i-lucide-zap"
  description="Get up and running in minutes."
>
  Additional slot content goes here.
</GSProseCard>