ProComponentsPage

PageCard

CardGitHub

A pre-built Card to add links in your pages.

Usage

Built on top of the Card component, the PageCard can be used in a PageGrid, PageColumns or a LandingGrid.

Use the title, description and icon props to customize the card.

Tailwind CSS

Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS.

<UPageCard
  title="Tailwind CSS"
  description="Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS."
  icon="i-logos-tailwindcss-icon"
/>

You can also pass any property from the NuxtLink component such as to, target, exact, etc.

Tailwind CSS

Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS.

<UPageCard
  title="Tailwind CSS"
  description="Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS."
  icon="i-logos-tailwindcss-icon"
  to="https://nuxt.com/modules/tailwindcss"
  target="_blank"
/>
Look at the Nuxt.com modules page to see what you can do!

Slots

Props

PageGrid

A customizable grid to display cards in your pages.

PageLinks

A list of links to display in your pages.