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-simple-icons-tailwindcss"
/>

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-simple-icons-tailwindcss"
  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

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