ProComponentsPage

PageCard

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

header
{}
icon
{}
title
{}
description
{}
default
{}
footer
{}

Props

icon
string
ui
unknown
description
string
to
unknown
href
unknown
target
"_blank" | "_parent" | "_self" | "_top" | (string & {})
rel
string
activeClass
string
exactActiveClass
string
ariaCurrentValue
string
title
string
replace
boolean
external
boolean
custom
boolean
noRel
boolean
prefetch
boolean
noPrefetch
boolean